@font-face{font-family:Inter;src:url('./assets/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Inter,system-ui,sans-serif;color:#20252e;background:#f4f6fb;font-synthesis:none;color-scheme:light;--auth-blue:#345fec;--auth-muted:#697487;--auth-line:#dfe5ef}
*{box-sizing:border-box}
body{margin:0;min-width:280px;min-height:100svh;background:radial-gradient(ellipse at 50% 0,#e6ecff 0,transparent 60%)}
a{color:var(--auth-blue);text-underline-offset:3px}
button,input{font:inherit}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #89a2ff;outline-offset:4px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.auth-shell{width:min(100% - 32px,420px);margin:0 auto;padding:clamp(18px,4vh,36px) 0 20px}
.auth-brand{display:flex;align-items:center;width:fit-content;min-height:44px;margin:0 auto 16px}
.auth-brand img{display:block;width:180px;max-width:100%;height:auto}
.auth-card{padding:24px 20px 20px;background:#fff;border:1px solid #e5e9f2;border-radius:20px;box-shadow:0 12px 40px #1c315510,0 2px 6px #1c315504}
.auth-heading{margin-bottom:20px}
h1{font-size:24px;line-height:1.2;letter-spacing:-.7px;margin:0 0 7px;text-wrap:balance}
#auth-description{color:var(--auth-muted);font-size:13px;line-height:1.5;margin:0;text-wrap:pretty}
button{border:1px solid transparent;border-radius:10px;padding:11px 13px;min-height:44px;font-weight:600;cursor:pointer}
.auth-methods{display:grid;gap:10px}
.auth-option{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;border:1px solid var(--auth-line);border-radius:12px;background:#fff;color:#303845;text-align:left;text-decoration:none;font-size:14px;line-height:1.4;transition:background .15s,border-color .15s,box-shadow .15s}
.auth-option-copy{display:grid;gap:2px;min-width:0}
.auth-option-title{font-weight:600;overflow-wrap:break-word}
.auth-option-note{display:block;font-size:11px;font-weight:400;line-height:1.4;color:var(--auth-muted)}
.auth-option-icon{flex-shrink:0;color:#5d687b}
.auth-option-end{display:flex;align-items:center;gap:8px}
.auth-arrow{font-size:22px;font-weight:400;line-height:1;color:#7d899d}
.auth-native-account{background:#f3f6ff;border-color:#cbd7ff;color:#294dbe}
.auth-native-account .auth-option-icon,.auth-native-account .auth-arrow{color:#345fec}
.auth-native-account .auth-option-note{color:#5e70a0}
.auth-native-account:hover{background:#eaf0ff;border-color:#9bb2fc}
.auth-google{color:#687386;cursor:not-allowed}
.auth-google svg{display:block}
.auth-soon{display:inline-block;flex-shrink:0;padding:3px 6px;border-radius:5px;background:#eef1f5;color:#697487;font-size:10px;font-weight:600;line-height:1.3}
.auth-email-toggle:hover:not(:disabled){background:#f8faff;border-color:#b7c5e0}
.auth-email-toggle[aria-expanded=true]{background:#f7f9ff;border-color:#b9cafd;border-radius:12px 12px 0 0}
.auth-chevron{transition:transform .15s;color:#8290a3}
.auth-email-toggle[aria-expanded=true] .auth-chevron{transform:rotate(180deg)}
.auth-email-toggle:disabled{cursor:wait}
.auth-email-panel{padding:14px 14px 4px;border:1px solid #b9cafd;border-top:0;border-radius:0 0 12px 12px;background:#fafbff}
.auth-email-panel[data-standalone=true]{border-top:1px solid #b9cafd;border-radius:12px;padding-top:16px}
.auth-email-hint{margin:0 0 12px;font-size:11px;line-height:1.5;color:var(--auth-muted)}
form{display:grid;gap:10px}
label{display:grid;gap:5px;font-size:12px;font-weight:600}
.auth-field{display:grid;gap:5px}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:48px}.auth-password-toggle{position:absolute;right:1px;top:1px;bottom:1px;min-height:42px;width:44px;padding:10px;border:0;background:transparent;color:#697487;border-radius:8px}.auth-password-toggle svg{display:block;width:22px;height:22px}.auth-password-toggle:hover:not(:disabled){color:var(--auth-blue);background:#edf2ff}.auth-password-toggle:disabled{cursor:not-allowed;opacity:.5}.auth-password-toggle .auth-eye-slash{display:none}.auth-password-toggle[aria-pressed=true] .auth-eye-slash{display:block}
input{width:100%;min-width:0;min-height:44px;border:1px solid #ccd5e4;border-radius:9px;padding:10px 12px;color:#20252e;background:#fff;font-size:16px;line-height:1.4;transition:border-color .15s}
input::placeholder{color:#98a1af}
input:focus{border-color:var(--auth-blue)}
input:disabled{color:#697487;background:#f2f4f8;cursor:not-allowed}
input:disabled::placeholder{color:#7a8597;opacity:1}
.auth-submit{background:var(--auth-blue);color:#fff;font-size:14px;box-shadow:0 4px 10px #345fec20}
.auth-submit:hover{background:#254ed5}
.auth-submit:disabled{background:#e4e9f2;color:#6f7b8f;cursor:not-allowed;box-shadow:none}
form[aria-busy=true] .auth-submit{cursor:wait}
.auth-hint{margin:-4px 0 0;font-size:12px;line-height:1.45;color:var(--auth-muted)}
.auth-status{font-size:12px;line-height:1.5;margin:12px 0 0;padding:10px 12px;background:#f3f7fd;border-radius:8px;color:#465a76;overflow-wrap:anywhere}
.auth-status[data-error=true]{color:#9b323b;background:#fff3f3}
.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;column-gap:12px;margin-top:3px;font-size:11px;line-height:1.5}
.auth-links a{display:flex;align-items:center;min-height:44px;padding:6px 0;text-decoration:none}
.auth-links a:hover{text-decoration:underline}
.auth-links a[aria-disabled=true]{color:#697487;cursor:not-allowed;text-decoration:none}
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:#8490a1;font-size:11px;line-height:1.4}
.auth-divider::before,.auth-divider::after{content:'';height:1px;flex:1;background:#e6ebf3}
.auth-guest-button{background:#f6f7fa;border-color:#edf0f5;color:#354054}
.auth-guest-button:hover{background:#eef2f8;border-color:#cdd7e6}
.auth-guest-button[aria-disabled=true]{color:#7d8796;background:#f6f8fb;border-color:var(--auth-line);cursor:wait}
.auth-back{display:flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;text-align:center;margin:8px auto 0;padding:6px 0;font-size:12px;color:#697487;text-decoration:none}
.auth-back:hover{color:var(--auth-blue)}
.auth-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:0 20px}
.auth-legal a{display:inline-flex;align-items:center;min-height:44px;padding:6px 2px;font-size:12px;color:#697487;text-decoration:none}
.auth-legal a:hover,.auth-legal a:focus-visible{color:var(--auth-blue);text-decoration:underline;text-underline-offset:3px}
.development-help{border:1px solid #d8e2fc;border-radius:10px;background:#f5f8ff;padding:10px 12px;font-size:11px;line-height:1.45;margin:0 0 14px;color:#526681}
.development-help>strong{color:#345b9b}
.development-help p{margin:5px 0;overflow-wrap:anywhere}
.development-help summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:600}
.development-help details{margin-top:4px}
.development-account{padding:8px 0 2px}
.development-account+.development-account{border-top:1px solid #dde5f5;margin-top:6px}
.development-account strong{display:block}
.development-account p{margin:3px 0}
.development-fill{font-size:11px;min-height:44px;padding:8px 10px;background:white;border-color:#c9d6f0;color:#345b9b;margin-top:4px}
.development-fill:disabled{opacity:.6;cursor:not-allowed}
.development-recovery{display:flex;align-items:center;min-height:44px;margin-top:8px;font-size:12px}
@media(max-width:360px){.auth-shell{width:calc(100% - 24px)}.auth-card{padding:20px 16px 16px}.auth-option{gap:9px;padding:11px;font-size:13px}.auth-option-end{gap:5px}h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}