/* Betula Terminal personal auth surfaces */
:root{--bg:#0a0a0b;--surface:#131316;--surface-2:#1a1a1f;--border:#26262d;--gold:#d4a574;--gold-br:#e8b886;--gold-dim:rgba(212,165,116,.12);--green:#4ade80;--red:#f87171;--amber:#fbbf24;--blue:#60a5fa;--text:#f5f5f7;--dim:#8a8a93;--faint:#5a5a63;--display:'Fraunces',serif;--mono:'JetBrains Mono',monospace;--body:'Inter',sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--body)}body{min-height:100dvh;background:radial-gradient(circle at 50% -20%,rgba(212,165,116,.11),transparent 38%),linear-gradient(180deg,#0a0a0b 0%,#070708 100%)}
a{color:inherit}.auth-shell{min-height:100dvh;display:flex;flex-direction:column;padding:0 16px 24px}.auth-header{height:64px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 -16px;background:rgba(8,9,13,.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand.logo{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.3px;text-decoration:none;line-height:1.05}.brand.logo .period,.brand.logo .gold{color:var(--gold)}.brand-subline{font:500 10px/1 var(--mono);letter-spacing:.05em;color:var(--gold);margin-top:4px;text-transform:uppercase}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:16px 0}.auth-card{width:100%;max-width:430px;border:1px solid rgba(212,165,116,.18);border-radius:10px;background:linear-gradient(180deg,rgba(19,19,22,.96),rgba(13,13,15,.98));padding:24px 16px;box-shadow:0 24px 70px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.03);position:relative;overflow:hidden}.auth-card:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.eyebrow{font:600 9px/1 var(--mono);letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-bottom:12px}.auth-title{font:400 38px/.94 var(--display);letter-spacing:-.045em;margin:0 0 14px}.auth-title em{font-style:italic;color:var(--gold)}.auth-copy{font:400 14px/1.55 var(--body);color:var(--dim);margin:0 0 22px}.field{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}.field label{font:600 9px/1 var(--mono);letter-spacing:.16em;color:var(--faint);text-transform:uppercase}.email-input{width:100%;height:48px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font:500 14px/1 var(--mono);padding:0 13px;outline:none}.email-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.primary-btn,.google-btn,.secondary-btn{width:100%;height:46px;border-radius:6px;font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,opacity .12s ease,border-color .12s ease,background .12s ease}.primary-btn{background:var(--gold);border:1px solid var(--gold-br);color:#16100a}.primary-btn:active,.google-btn:active,.secondary-btn:active{transform:scale(.985)}.primary-btn[disabled]{opacity:.58;cursor:not-allowed}.divider{display:flex;align-items:center;gap:12px;margin:18px 0}.divider:before,.divider:after{content:'';height:1px;flex:1;background:var(--border)}.divider span{font:600 9px/1 var(--mono);letter-spacing:.16em;color:var(--faint)}.google-btn{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--surface);border:1px solid var(--border);color:var(--text)}.google-btn:hover{border-color:rgba(212,165,116,.42);background:var(--surface-2)}.google-btn.disabled{opacity:.55;cursor:not-allowed}.google-btn.disabled:hover{border-color:var(--border);background:var(--surface)}.google-g{width:15px;height:15px;border-radius:50%;display:inline-grid;place-items:center;background:#fff;color:#111;font:800 11px/1 var(--body)}.auth-foot{margin-top:20px;color:var(--faint);font:400 11px/1.55 var(--body);text-align:center}.auth-foot a{color:var(--dim);text-underline-offset:3px}.code-email{font:700 11px/1 var(--mono);letter-spacing:.08em;color:var(--gold);word-break:break-all}.code-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0 12px}.code-box{height:56px;min-width:0;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text);text-align:center;font:700 22px/1 var(--mono);outline:none;caret-color:var(--gold)}.code-box:focus{border-color:var(--gold);background:linear-gradient(180deg,var(--gold-dim),rgba(26,26,31,.9));box-shadow:0 0 0 3px rgba(212,165,116,.08)}.code-box.filled{border-color:rgba(212,165,116,.45)}.hint{font:700 9px/1 var(--mono);letter-spacing:.14em;color:var(--faint);text-transform:uppercase;text-align:center}.expiry{display:inline-flex;align-items:center;gap:7px;margin:16px 0 12px;padding:7px 10px;border:1px solid rgba(251,191,36,.28);border-radius:999px;background:rgba(251,191,36,.08);font:700 9px/1 var(--mono);letter-spacing:.13em;color:var(--amber)}.dot{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 11px var(--amber);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}.secondary-btn{background:transparent;border:1px solid var(--border);color:var(--dim);margin-top:8px}.resend{margin-top:12px;text-align:center;font:600 11px/1 var(--mono);letter-spacing:.06em;color:var(--faint)}.resend button{all:unset;color:var(--gold);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.auth-error{min-height:18px;margin-top:10px;color:var(--red);font:600 11px/1.35 var(--mono);letter-spacing:.03em;text-align:center}.shake{animation:shake .34s ease}@keyframes shake{20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@media(max-width:390px){.auth-title{font-size:36px}.code-row{gap:6px}.code-box{height:54px}.auth-card{padding-left:16px;padding-right:16px}}