:root{color:#f7f7ff;background:#07071d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--newnet-blue: #000066;--newnet-blue-light: #4175fc;--newnet-green: #00a232;--surface: #10102c;--surface-raised: #17173a;--border: #313169;--text-muted: #b6b6d2}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 100% 0%,#202073 0,#07071d 48%)}button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(100% - 32px,440px);margin:0 auto}.auth-shell{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:36px 0}.brand-lockup{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark{display:block;width:48px;height:48px;object-fit:contain}.avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--newnet-blue);color:#fff;font-weight:900;font-size:24px}.eyebrow{margin:0;color:#c6c6ff;font-size:11px;font-weight:800;letter-spacing:.14em}.brand-caption{margin:3px 0 0;color:#9b9bc6;font-size:12px}h1{margin:0;font-size:clamp(28px,8vw,40px);line-height:1.08;letter-spacing:-.04em}.lede{margin:14px 0 28px;color:var(--text-muted);line-height:1.55}.welcome-lede span{display:block}.welcome-lede span+span{margin-top:10px}.card{border:1px solid var(--border);border-radius:24px;background:#10102ceb;box-shadow:0 20px 70px #0000236b}.form-stack{display:grid;gap:16px;padding:20px}label{display:grid;gap:8px;color:#e2e2f4;font-size:13px;font-weight:700}input,select{width:100%;border:1px solid #3a3a74;border-radius:14px;background:var(--surface-raised);color:#f7f7ff;outline:none;padding:14px 15px}input:focus,select:focus{border-color:var(--newnet-blue-light);box-shadow:0 0 0 3px #4175fc40}.phone-input{display:grid;grid-template-columns:minmax(136px,.85fr) 1.15fr;gap:8px}.phone-input select{min-width:0;padding-right:26px}.primary,.send{border:0;border-radius:14px;background:var(--newnet-blue-light);color:#fff;font-weight:800;padding:14px 18px;box-shadow:0 10px 22px #00006652}.primary:hover,.send:hover{background:#5a88ff}.primary:disabled{opacity:.55;cursor:wait}.link-button{border:0;background:transparent;color:#bfc8ff;font-size:13px;font-weight:700;padding:12px}.link-button:hover{color:#fff}.form-stack small{color:#a0a0c5;font-size:11px;line-height:1.4}.pending-card{display:grid;gap:8px;padding:20px;color:#e2e2f4;line-height:1.5}.pending-card strong{color:#7f9cff;font-size:18px}.pending-card p{margin:0;color:var(--text-muted);font-size:13px}.microcopy{color:#9696bc;font-size:12px;text-align:center}.error{margin:0;color:#ff9c98;font-size:13px}.chat-shell{display:grid;grid-template-rows:auto 1fr auto auto;width:min(100%,760px);min-height:100svh;margin:0 auto;background:#07071ddb}.chat-header{display:flex;align-items:center;gap:12px;padding:18px max(18px,env(safe-area-inset-left)) 14px;border-bottom:1px solid #29295c;background:#07071df5}.chat-header .avatar{flex:0 0 42px;width:42px;height:42px;border-radius:14px;font-size:18px}.chat-header .brand-avatar{background:transparent;box-shadow:none;object-fit:contain}.chat-header h1{font-size:18px;letter-spacing:-.02em}.status,.typing-status{margin:4px 0 0;color:#a4a4cb;font-size:12px}.onboarding-banner{padding:10px 16px;border-bottom:1px solid #353585;background:#171755;color:#d9d9ff;font-size:12px;line-height:1.4}.icon-button{margin-left:auto;border:0;background:transparent;color:#c4c4e4;font-size:26px}.message-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:24px 16px;background-image:radial-gradient(#25255a 1px,transparent 1px);background-size:20px 20px}.bubble{max-width:min(82%,520px);padding:11px 13px 8px;border:1px solid #35356c;border-radius:17px 17px 17px 5px;background:#18183b;box-shadow:0 5px 16px #0000203d}.bubble.mine{align-self:flex-end;border-color:#4d4db7;border-radius:17px 17px 5px;background:var(--newnet-blue)}.bubble.pending{opacity:.68;border-style:dashed}.bubble p{margin:0;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere}.bubble time{display:block;margin-top:6px;color:#b7b7de;font-size:10px;text-align:right}.empty-state{margin:auto;max-width:300px;color:#b3b3d1;text-align:center}.empty-state span{color:#829cff;font-size:28px}.empty-state h2{margin:10px 0 5px;color:#f1f1ff;font-size:20px}.empty-state p{margin:0;line-height:1.5}.typing-status{min-height:18px;padding:0 18px;color:#aebeff}.composer{display:flex;gap:10px;padding:10px 14px max(14px,env(safe-area-inset-bottom));background:#0f0f2a}.composer input{border-radius:22px}.send{flex:0 0 48px;width:48px;height:48px;padding:0;border-radius:50%;font-size:24px}@media(min-width:700px){.chat-shell{margin:24px auto;min-height:calc(100svh - 48px);border:1px solid #29295c;border-radius:26px;overflow:hidden}}@media(max-width:390px){.phone-input{grid-template-columns:1fr}}
