.af-screen{--af-screen-bg:#050505;--af-card-bg:#0b0b0b;--af-ink:#d9f2de;--af-muted:#d9f2de8f;--af-line:#1a1a1a;--af-field-bg:#0f0f0f;--af-ph:#d9f2de66;--af-magic-bg:#0a0a0a;--af-note-fine:#d9f2de66;--af-btn-p-bg:#0f0f0f;--af-btn-p-bdr:#1a1a1a;--af-btn-p-hov:#141414;--af-check-c:#d9f2de8c;--af-google-bg:#0b0b0b;--af-google-bdr:#1a1a1a;--af-err-bg:#d81b251f;--af-err-bdr:#d81b2573;--af-err-c:#f08a8a;--af-ok-bg:#00ff661a;--af-ok-bdr:#00b34173;--af-ok-c:#0f6;background:var(--af-screen-bg);place-items:center;min-height:100dvh;padding:24px 16px;font-family:system-ui,-apple-system,sans-serif;transition:background .25s;display:grid}.af-screen[data-theme=light]{--af-screen-bg:#fafaf7;--af-card-bg:#fff;--af-ink:#0a0a0a;--af-muted:#0a0a0a8f;--af-line:#e1dfd7;--af-field-bg:#f4f3ee;--af-ph:#0a0a0a66;--af-magic-bg:#00b3410f;--af-note-fine:#0a0a0a66;--af-btn-p-bg:#f4f3ee;--af-btn-p-bdr:#e1dfd7;--af-btn-p-hov:#eceae3;--af-check-c:#0a0a0a8c;--af-google-bg:#fff;--af-google-bdr:#e1dfd7;--af-err-bg:#d81b2514;--af-err-bdr:#d81b254d;--af-err-c:#d81b25;--af-ok-bg:#00b3411a;--af-ok-bdr:#00b3414d;--af-ok-c:#008a32}.af-card{--af-accent:#00b341;--af-accent-soft:#00b3411f;background:var(--af-card-bg);border:1px solid var(--af-line);border-radius:14px;width:100%;max-width:400px;padding:clamp(26px,5vw,44px) clamp(20px,5vw,40px);transition:background .25s,border-color .25s;position:relative;box-shadow:0 24px 60px -20px #0009}.af-theme-toggle{cursor:pointer;color:var(--af-muted);background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:15px;line-height:1;transition:opacity .15s;position:absolute;top:12px;right:12px}.af-theme-toggle:hover{opacity:.7}.af-theme-toggle:focus-visible{outline:2px solid var(--af-accent);outline-offset:2px}.af-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.af-brand{text-align:center;margin-bottom:clamp(22px,4vw,32px)}.af-brand-logo{letter-spacing:6px;margin-bottom:14px;font-size:clamp(28px,7vw,34px);line-height:1}.af-title{color:var(--af-ink);letter-spacing:-.02em;margin:0;font-size:clamp(22px,5vw,26px);font-weight:600;transition:color .25s}.af-subtitle{color:var(--af-muted);letter-spacing:.05em;margin:8px 0 0;font-size:12px}.af-field{box-sizing:border-box;background:var(--af-field-bg);border:1px solid var(--af-line);width:100%;min-height:46px;color:var(--af-ink);border-radius:8px;outline:none;padding:12px 14px;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s,background .25s,color .25s}.af-field::placeholder{color:var(--af-ph)}.af-field:focus,.af-field:focus-visible{border-color:var(--af-accent);box-shadow:0 0 0 3px var(--af-accent-soft)}.af-code{letter-spacing:.35em;text-align:center;font-size:20px;font-weight:600}.af-pw{width:100%;position:relative}.af-pw .af-field{padding-right:44px}.af-pw-eye{cursor:pointer;width:36px;height:36px;color:var(--af-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.af-pw-eye:hover{color:var(--af-ink)}.af-pw-eye:focus-visible{outline:2px solid var(--af-accent);outline-offset:1px}.af-btn{cursor:pointer;border-radius:8px;width:100%;min-height:48px;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:600;transition:filter .15s,background .15s,box-shadow .15s,opacity .15s}.af-btn:focus-visible{outline:2px solid var(--af-accent);outline-offset:2px}.af-btn[disabled]{cursor:not-allowed;opacity:.6}.af-btn-primary{background:var(--af-btn-p-bg);border:1px solid var(--af-btn-p-bdr);color:var(--af-ink)}.af-btn-primary:not([disabled]):hover{background:var(--af-btn-p-hov)}.af-btn-accent{background:var(--af-accent);color:#06080d;border:none;font-weight:700}.af-btn-accent:not([disabled]):hover{filter:brightness(1.08);box-shadow:0 0 24px -6px var(--af-accent)}.af-btn-ghost{border:1px solid var(--af-accent);color:var(--af-accent);background:0 0;min-height:44px;font-size:13px}.af-btn-ghost:not([disabled]):hover{background:var(--af-accent-soft)}.af-btn-google{background:var(--af-google-bg);border:1px solid var(--af-google-bdr);color:var(--af-ink);border-radius:8px;justify-content:center;align-items:center;gap:10px;height:52px;font-size:15px;font-weight:600;display:flex}.af-btn-google:not([disabled]):hover{filter:brightness(1.06)}.af-check{min-height:36px;color:var(--af-check-c);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13px;display:flex}.af-check input{width:16px;height:16px;accent-color:var(--af-accent);cursor:pointer}.af-link{color:var(--af-muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;min-height:40px;padding:8px 6px;font-size:13px;text-decoration:underline}.af-link:hover{color:var(--af-ink)}.af-link:focus-visible{outline:2px solid var(--af-accent);outline-offset:2px;border-radius:4px}.af-magic{background:var(--af-magic-bg);border:1px solid var(--af-line);border-radius:10px;margin-top:16px;padding:13px 14px}.af-note{color:var(--af-muted);text-align:center;margin:0;font-size:11px}.af-note-fine{color:var(--af-note-fine);text-align:center;margin:8px 0 0;font-size:10px}.af-alert{border-radius:8px;padding:11px 14px;font-size:13px;line-height:1.5}.af-alert-err{background:var(--af-err-bg);border:1px solid var(--af-err-bdr);color:var(--af-err-c)}.af-alert-ok{background:var(--af-ok-bg);border:1px solid var(--af-ok-bdr);color:var(--af-ok-c)}.af-stack{flex-direction:column;gap:12px;display:flex}.af-vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.af-strength{gap:5px;margin-top:8px;display:flex}.af-strength-seg{background:var(--af-line);border-radius:2px;flex:1;height:4px;transition:background .2s}.af-strength-label{text-align:right;margin:6px 0 0;font-size:11px}.af-flabel{color:var(--af-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px;display:block}@media (max-width:480px){.af-screen{align-items:start;padding:clamp(20px,8vh,56px) 12px 24px}.af-card{border-radius:12px}}@media (prefers-reduced-motion:reduce){.af-card,.af-card *{transition:none!important;animation:none!important}}.af-otp-row{justify-content:center;gap:8px;margin:4px 0;display:flex}.af-digit{background:var(--af-field-bg);border:2px solid var(--af-line);width:44px;height:54px;color:var(--af-ink);text-align:center;caret-color:var(--af-accent);-webkit-user-select:none;user-select:none;border-radius:10px;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px;font-weight:700;transition:border-color .15s,box-shadow .15s}.af-digit:focus{-webkit-user-select:auto;user-select:auto;border-color:var(--af-accent);box-shadow:0 0 0 3px var(--af-accent-soft)}.af-digit.af-digit-filled{border-color:#22c55e73}@keyframes af-spin{to{transform:rotate(360deg)}}.af-spinner{vertical-align:middle;border:2px solid #06080d40;border-top-color:#06080d;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.65s linear infinite af-spin;display:inline-block}