:root{--ink:#0a0d28;--muted:#747990;--line:#e5e7f1;--purple:#6b57ff;--pink:#b20de9;--cyan:#06cfe0;--font-display:Poppins,Inter,sans-serif;--font:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);background:#fff}button,input{font:inherit}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,47%) 1fr}.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:46px 56px;color:#fff;background:radial-gradient(circle at 80% 16%,rgba(6,207,224,.23),transparent 25%),radial-gradient(circle at 25% 82%,rgba(178,13,233,.27),transparent 28%),linear-gradient(145deg,#090a1c,#17143c 58%,#241052)}.brand{position:relative;z-index:2;width:max-content;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 22px/1 var(--font-display);letter-spacing:-.03em}.brand img{width:33px;height:33px;object-fit:contain}.brand-copy{position:relative;z-index:2;max-width:570px;margin:auto 0;padding:80px 0}.brand-copy p{margin:0 0 16px;color:#aab1ff;font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.brand-copy h1{margin:0;font:700 clamp(36px,4vw,64px)/1.08 var(--font-display);letter-spacing:-.045em}.brand-copy h1 span{background:linear-gradient(90deg,#54e9e2,#a675ff 54%,#ee65e8);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-copy small{display:block;margin-top:28px;color:#bfc2da;font-size:13px;letter-spacing:.09em}.orb{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.orb-a{width:440px;height:440px;right:-210px;top:5%}.orb-b{width:630px;height:630px;left:-330px;bottom:-310px}.auth-panel{display:grid;place-items:center;padding:44px 30px;background:linear-gradient(180deg,#fff,#fafaff)}.auth-card{width:min(100%,420px)}header{margin-bottom:28px}.eyebrow{margin:0 0 9px;color:var(--purple);font-weight:800;font-size:11px;letter-spacing:.15em;text-transform:uppercase}h2{margin:0 0 10px;font:700 29px/1.2 var(--font-display);letter-spacing:-.025em}header>p:last-child,.message-view>p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.google-button,.primary{width:100%;min-height:52px;border:0;border-radius:14px;cursor:pointer;font-weight:700}.google-button{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 6px 22px rgba(32,35,80,.04)}.google-button:hover{border-color:#cfd2e5}.google-button svg{width:19px;height:19px}.divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#9a9eb0;font-size:11px}.divider::before,.divider::after{content:"";height:1px;flex:1;background:var(--line)}form{display:grid;gap:15px}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#454a62}input{width:100%;height:50px;padding:0 15px;border:1px solid var(--line);border-radius:13px;outline:0;color:var(--ink);background:#fff;transition:border .15s,box-shadow .15s}input:focus{border-color:#8779ff;box-shadow:0 0 0 4px rgba(107,87,255,.1)}.primary{margin-top:3px;color:#fff;background:linear-gradient(105deg,#615cff,#8b45f5 53%,#b20de9);box-shadow:0 10px 24px rgba(102,78,238,.22)}.primary:hover{filter:brightness(1.03)}button:disabled{opacity:.55;cursor:wait}.text-button,#switchMode{border:0;padding:0;background:none;color:var(--purple);font-size:12px;font-weight:700;cursor:pointer}.text-button{display:block;margin:14px 0 0 auto}.switch-copy{margin:25px 0 0;text-align:center;color:var(--muted);font-size:13px}.status{min-height:20px;margin:16px 0 0;color:#d73768;font-size:12px;line-height:1.5;text-align:center}.status.success{color:#15966d}.message-view{text-align:center}.mail-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 22px;border-radius:18px;color:#fff;font-size:25px;background:linear-gradient(135deg,var(--cyan),var(--purple),var(--pink));box-shadow:0 12px 30px rgba(106,84,239,.2)}.message-view .primary{margin-top:26px}.message-view p{max-width:360px;margin:0 auto}#resetView header{margin-bottom:26px}@media(max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:auto;padding:24px 26px;background:#11102d}.brand-copy{display:none}.auth-panel{min-height:calc(100vh - 81px);padding:36px 24px;align-items:start}.auth-card{margin-top:5vh}}@media(max-width:430px){.auth-panel{padding:30px 20px}.auth-card{margin-top:2vh}h2{font-size:26px}}