.auth-page{position:relative;min-height:100vh;overflow:hidden;padding:clamp(20px,4vw,48px);isolation:isolate}.auth-page:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";background:radial-gradient(circle at 16% 20%,rgba(235,197,110,.12),transparent 30%),radial-gradient(circle at 84% 84%,rgba(98,193,135,.08),transparent 28%),linear-gradient(145deg,#101419 0%,var(--bg) 52%,#111920 100%)}.auth-page:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";opacity:.24;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.auth-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(42px,8vw,110px);align-items:center;width:min(1120px,100%);min-height:calc(100vh - clamp(40px,8vw,96px));margin:0 auto}.auth-story{max-width:590px;animation:auth-rise .5s cubic-bezier(.2,.8,.2,1) both}.auth-wordmark{display:inline-flex;align-items:center;gap:12px;margin-bottom:clamp(44px,8vh,88px);font-family:Candara,Segoe UI,Optima,system-ui,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.auth-wordmark img{width:48px;height:48px;border-radius:12px;box-shadow:0 10px 32px #0000003d}.auth-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.auth-eyebrow:before{width:28px;height:1px;content:"";background:currentColor}.auth-story h1{max-width:620px;font-family:Candara,Segoe UI,Optima,system-ui,sans-serif;font-size:clamp(2.9rem,5vw,5.35rem);font-weight:700;line-height:.98;letter-spacing:-.045em}.auth-story h1 span{color:var(--accent)}.auth-lede{max-width:520px;margin:24px 0 0;color:var(--ink-2);font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65}.auth-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:560px;margin-top:38px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--border)}.auth-signal{min-height:92px;padding:18px;background:#1d242be6}.auth-signal svg{width:18px;height:18px;margin-bottom:12px;color:var(--accent)}.auth-signal strong{display:block;font-size:.82rem}.auth-signal span{display:block;margin-top:3px;color:var(--ink-3);font-size:.72rem}.auth-panel{position:relative;width:100%;max-width:460px;justify-self:end;padding:clamp(26px,4vw,42px);border:1px solid rgba(235,197,110,.18);border-radius:24px;background:#1d242beb;box-shadow:0 30px 90px #00000061;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:auth-rise .5s 90ms cubic-bezier(.2,.8,.2,1) both}.auth-panel:before{position:absolute;top:0;right:32px;left:32px;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.65}.auth-panel-header{margin-bottom:28px}.auth-kicker{margin:0 0 8px;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.auth-panel h2{font-size:clamp(1.75rem,3vw,2.15rem);letter-spacing:-.035em}.auth-panel-header>p:last-child{margin:9px 0 0;color:var(--ink-2);font-size:.92rem}.auth-panel-header a,.auth-foot a{color:var(--accent);font-weight:650}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-form .field{gap:7px}.auth-form .field label{color:var(--ink-2);font-size:.78rem;letter-spacing:.015em}.auth-form .input{min-height:48px;border-color:#3a4651;background:#14181db8}.auth-form .input::placeholder{color:#65717c}.auth-form .input:focus{outline:3px solid rgba(235,197,110,.1)}.auth-password{position:relative}.auth-password .input{padding-right:76px}.auth-show{position:absolute;top:50%;right:12px;transform:translateY(-50%);padding:6px;border:0;background:transparent;color:var(--ink-3);cursor:pointer;font-size:.76rem;font-weight:650}.auth-show:hover{color:var(--ink)}.auth-hint{margin:0;color:var(--ink-3);font-size:.74rem}.auth-save-hint,.auth-passkey-hint{line-height:1.45;text-align:center}.auth-passkey-hint{margin-top:10px}.auth-error{margin:0;padding:11px 13px;border:1px solid rgba(236,122,95,.28);border-radius:10px;background:var(--neg-soft);color:#f3a28f;font-size:.84rem}.auth-submit{min-height:50px;margin-top:4px;box-shadow:0 12px 28px #ebc56e1f}.auth-foot{margin:24px 0 0;color:var(--ink-3);font-size:.8rem;text-align:center}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:var(--ink-3);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{flex:1;height:1px;content:"";background:var(--border)}.auth-alt{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:10px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#14181d73;color:var(--ink-2);font-size:.86rem;font-weight:650;transition:border-color .12s ease,color .12s ease,background .12s ease}.auth-alt:hover{border-color:#ebc56e73;background:var(--accent-soft);color:var(--accent)}.auth-alt-button{font:inherit;cursor:pointer}.auth-alt-button:disabled{cursor:wait;opacity:.65}.auth-steps{max-width:500px;margin:36px 0 0;padding:0;list-style:none}.auth-step{display:grid;grid-template-columns:38px 1fr;gap:14px;position:relative;padding-bottom:22px}.auth-step:not(:last-child):after{position:absolute;top:34px;bottom:2px;left:18px;width:1px;content:"";background:var(--border)}.auth-step-number{display:grid;z-index:1;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--accent);font-family:var(--num);font-size:.75rem;font-weight:700}.auth-step strong{display:block;margin-top:2px;font-size:.9rem}.auth-step p{margin:3px 0 0;color:var(--ink-3);font-size:.78rem}.register-panel{max-width:500px}.join-code-panel{max-width:460px}.join-code-field .input{min-height:60px;padding:14px;font-family:var(--num);font-size:clamp(1.15rem,3vw,1.45rem);font-weight:700;letter-spacing:.14em;text-align:center;text-transform:uppercase}.join-account-panel{max-width:500px}.auth-state-panel{display:flex;flex-direction:column;align-items:stretch;max-width:460px}.auth-state-icon{display:grid;width:54px;height:54px;margin-bottom:24px;place-items:center;border:1px solid rgba(235,197,110,.3);border-radius:16px;background:var(--accent-soft);color:var(--accent)}.auth-state-icon svg{width:25px;height:25px}.auth-state-actions{display:flex;flex-direction:column;gap:12px}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.register-grid .field{min-width:0}.register-grid .field-full{grid-column:1 / -1}@keyframes auth-rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 860px){.auth-page{padding:24px}.auth-shell{grid-template-columns:1fr;gap:36px;align-items:start;min-height:0}.auth-story,.auth-panel{width:100%;max-width:620px;justify-self:center}.auth-wordmark{margin-bottom:42px}.auth-story h1{max-width:580px;font-size:clamp(2.7rem,9vw,4.5rem)}.auth-panel{margin-bottom:24px}}@media (max-width: 540px){.auth-page{padding:18px}.auth-shell{gap:24px}.auth-wordmark{margin-bottom:28px}.auth-story h1{font-size:clamp(2.35rem,12vw,3.15rem)}.auth-lede,.auth-signals,.auth-steps{display:none}.auth-panel{padding:26px 20px;border-radius:20px}.register-grid{grid-template-columns:1fr}.register-grid .field{grid-column:1 / -1}}@media (prefers-reduced-motion: reduce){.auth-story,.auth-panel{animation:none}}