.portal-auth{--wl-ink:var(--wl-ink-light,var(--fg));--wl-ring:color-mix(in srgb, var(--wl-ink) 28%, transparent);background:var(--bg);place-items:center;min-height:100vh;padding:48px 20px;display:grid}[data-theme=dark] .portal-auth{--wl-ink:var(--wl-ink-dark,var(--fg))}.portal-auth:before{content:"";pointer-events:none;background:radial-gradient(900px 520px at 50% -8%, color-mix(in srgb, var(--wl-primary,var(--accent)) 7%, transparent), transparent 70%);position:fixed;inset:0}.portal-auth-column{width:100%;max-width:420px;position:relative}.portal-auth-card{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:16px;padding:32px 32px 28px;box-shadow:0 1px 2px #0000000a,0 12px 32px -12px #0000001a}[data-theme=dark] .portal-auth-card{box-shadow:0 1px 2px #00000080,0 16px 40px -16px #0009}.portal-logo-box{justify-content:center;align-items:center;height:40px;margin-bottom:24px;display:flex}.portal-logo{object-fit:contain;object-position:center;width:auto;max-width:200px;height:40px}.portal-auth-title{letter-spacing:-.02em;color:var(--fg);text-align:center;margin:0 0 8px;font-size:24px;font-weight:600;line-height:1.25}.portal-auth-sub{color:var(--muted);text-align:center;margin:0 0 24px;max-width:34ch;margin-inline:auto;font-size:15px;line-height:1.5}.portal-auth-sub strong{color:var(--fg);overflow-wrap:anywhere;font-weight:500}.portal-label{color:var(--fg-2);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.portal-field{border:1px solid var(--border);background:var(--bg);width:100%;height:44px;color:var(--fg);box-sizing:border-box;border-radius:10px;outline:none;padding:0 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.portal-field::placeholder{color:var(--muted-2)}.portal-field:focus{border-color:var(--wl-ink);box-shadow:0 0 0 3px var(--wl-ring)}.portal-field[aria-invalid=true]{border-color:var(--danger)}.portal-field:disabled{opacity:.55;cursor:not-allowed}.portal-error{color:var(--danger);margin:6px 0 0;font-size:13px;line-height:1.45}.portal-field-group+.portal-field-group{margin-top:14px}.portal-cta{background:var(--wl-primary,var(--fg));width:100%;height:46px;color:var(--wl-on-primary,var(--on-fg));cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:filter .15s,transform .15s,opacity .15s;display:flex}.portal-cta:hover:not(:disabled){filter:brightness(1.06)}[data-theme=dark] .portal-cta:hover:not(:disabled){filter:brightness(1.12)}.portal-cta:active:not(:disabled){filter:brightness(.94);transform:translateY(1px)}.portal-cta:focus-visible{box-shadow:0 0 0 3px var(--wl-ring);outline:none}.portal-cta:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}.portal-cta-row{margin-top:20px}.portal-helper{color:var(--muted);text-align:center;margin-top:16px;font-size:13px;line-height:1.5}.portal-linkbtn{cursor:pointer;color:var(--wl-ink);background:0 0;border:none;border-radius:4px;padding:0;font-family:inherit;font-size:13px}.portal-linkbtn:hover:not(:disabled){text-underline-offset:2px;text-decoration:underline}.portal-linkbtn:focus-visible{box-shadow:0 0 0 3px var(--wl-ring);outline:none}.portal-linkbtn:disabled{color:var(--muted);cursor:not-allowed;text-decoration:none}.portal-linkbtn--quiet{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.portal-notice{border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:10px 12px;font-size:13px;line-height:1.45}.portal-notice--danger{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 30%, transparent);color:var(--danger)}.portal-notice--success{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 30%, transparent);color:var(--success-fg)}.portal-notice--below{margin-top:4px;margin-bottom:0}.portal-code-boxes{max-width:100%}.portal-code-boxes input{min-width:0}.portal-code-boxes input:focus{box-shadow:0 0 0 3px var(--wl-ring)}.portal-legal{color:var(--muted);text-align:center;margin:16px 0 0;font-size:12px;line-height:1.5}.portal-footer{color:var(--muted);text-align:center;margin-top:20px;font-size:14px;line-height:1.5}.portal-support{color:var(--muted);text-align:center;margin:18px 0 0;font-size:12px;line-height:1.5}.portal-quiet-link{color:var(--fg-2);text-underline-offset:2px;text-decoration:underline}.portal-footer-link{color:var(--fg);font-weight:500;text-decoration:none}.portal-footer-link:hover{text-underline-offset:2px;text-decoration:underline}@media (max-width:420px){.portal-auth{padding:32px 16px}.portal-auth-card{padding:26px 20px 24px}.portal-code-boxes{gap:6px!important}}