:root{--ink:#0a1728;--ink-soft:#526174;--surface:#fff;--canvas:#f2f6fa;--line:#d9e2eb;--accent:#1677d2;--accent-hover:#0e65b7;--danger:#b42318;--focus:#21b8cf}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{color:var(--ink);background:radial-gradient(circle at 12% 8%, #1dbad217, transparent 26rem), var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.page-shell{place-items:center;min-height:100svh;padding:40px 24px;display:grid}.auth-frame{background:var(--surface);border:1px solid #0a17281a;border-radius:24px;grid-template-columns:minmax(300px,.86fr) minmax(420px,1.14fr);width:min(100%,980px);min-height:610px;display:grid;overflow:hidden;box-shadow:0 24px 70px #0e22381f}.brand-panel{color:#f7fbff;background:#081525;flex-direction:column;justify-content:space-between;padding:42px;display:flex;position:relative}.brand-panel:after{content:"";opacity:.8;background:linear-gradient(#20c5d7,#3576ec 55%,#7134d4);width:2px;position:absolute;inset:32px 0 32px auto}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-logo{object-fit:cover;border-radius:50%;width:58px;height:58px}.brand-name{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.brand-label{color:#9fb0c4;letter-spacing:.08em;text-transform:uppercase;margin:3px 0 0;font-size:13px}.brand-copy{max-width:260px}.brand-copy h1{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(29px,3vw,38px);line-height:1.08}.brand-copy p{color:#aab9ca;margin:0;font-size:15px;line-height:1.6}.auth-content{align-items:center;padding:64px clamp(36px,6vw,78px);display:flex}.auth-card{width:100%;max-width:400px;margin:0 auto}.eyebrow{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.auth-card h2,.status-card h1{letter-spacing:-.035em;margin:0;font-size:30px;line-height:1.18}.lede{color:var(--ink-soft);margin:12px 0 30px;font-size:15px;line-height:1.55}.form-stack{gap:18px;display:grid}.field{gap:8px;display:grid}.field label{font-size:14px;font-weight:650}.field input{width:100%;height:48px;color:var(--ink);border:1px solid var(--line);background:#fbfdff;border-radius:10px;outline:none;padding:0 14px;transition:border-color .14s,box-shadow .14s}.field input:focus{border-color:var(--focus);box-shadow:0 0 0 3px #21b8cf24}.primary-button,.secondary-button{cursor:pointer;border-radius:10px;min-height:48px;padding:0 18px;font-weight:700;transition:background .14s,border-color .14s,opacity .14s}.primary-button{color:#fff;border:1px solid var(--accent);background:var(--accent)}.primary-button:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.primary-button:disabled{cursor:wait;opacity:.62}.secondary-button{color:var(--ink);border:1px solid var(--line);background:var(--surface)}.secondary-button:hover{background:#f7fafc;border-color:#b9c7d5}.primary-button:focus-visible,.secondary-button:focus-visible{outline-offset:2px;outline:3px solid #21b8cf33}.form-message{color:var(--danger);background:#fff7f6;border:1px solid #f2c4bd;border-radius:9px;margin:0;padding:11px 12px;font-size:14px;line-height:1.45}.status-card{background:var(--surface);border:1px solid #0a17281a;border-radius:20px;width:min(100%,560px);padding:48px;box-shadow:0 18px 52px #0e22381a}.status-brand{color:var(--ink);align-items:center;gap:11px;margin-bottom:44px;font-weight:750;display:flex}.status-brand img{border-radius:50%;width:38px;height:38px}.account-email{border-top:1px solid var(--line);color:var(--ink-soft);overflow-wrap:anywhere;margin:26px 0 20px;padding-top:20px;font-size:14px}@media (max-width:760px){.page-shell{padding:18px}.auth-frame{grid-template-columns:1fr;min-height:auto}.brand-panel{min-height:180px;padding:28px}.brand-panel:after{background:linear-gradient(90deg,#20c5d7,#3576ec 55%,#7134d4);width:auto;height:2px;inset:auto 28px 0}.brand-copy{display:none}.auth-content{padding:40px 28px 44px}.status-card{padding:32px 26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
