.account-access{max-width:460px;margin:0 auto;padding:28px 24px;min-height:100dvh;box-sizing:border-box;background:var(--canvas)}
.account-access-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.account-access-top .brand{font-size:22px}
.account-access-top .brand img{width:28px;height:28px}
.account-access-card{padding:68px 0 20px}
html[data-appearance] .account-access-card h1{font-size:44px;font-weight:400!important;letter-spacing:-1.8px;line-height:1.08;margin:16px 0 22px}
.account-access-card>p{color:var(--muted);font-size:15px;line-height:1.7}
.account-access-card .primary{margin-top:28px;min-height:52px}
.account-access-card .secondary{margin-top:12px;min-height:52px}
.account-access-card .account-access-help{font-size:12px;margin:22px 0}
.account-access-card details{font-size:12px;line-height:1.7;border-top:1px solid var(--border);padding-top:18px;color:var(--muted)}
.account-access-card .account-access-preview{font-size:11px;margin-top:30px}
.account-access-message{padding:14px 16px;background:var(--soft);border-radius:15px}
.account-access-card label{display:block;font-size:14px;margin:18px 0 0}
.account-access-card input{box-sizing:border-box;width:100%;min-height:48px;font:inherit;font-size:16px;margin-top:8px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface,#fff);color:var(--ink)}
.account-access-card small{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.account-access-card>.text-button{display:block;margin:18px auto}
.account-access-card>.account-access-message{margin-bottom:20px}
.auth-enrollment{margin:20px 0}.auth-enrollment>img{display:block;width:200px;max-width:100%;height:auto;margin:0 auto 20px;padding:12px;background:#fff;border-radius:16px}
.auth-enrollment input{font-family:monospace;font-size:13px;letter-spacing:1px}
.account-access-card:has(form){padding-top:38px}
html[data-appearance] .account-access-card input{min-height:48px}
html[data-appearance] .account-access-card>.text-button{min-height:44px;padding:10px 14px}
html[data-appearance] .account-access-card summary{color:var(--muted)}
html[data-appearance] .account-access-card :is(input,button,summary):focus-visible{outline:3px solid var(--primary,var(--ink));outline-offset:3px}
.account-access-card .auth-sms-consent{font-size:12px;line-height:1.6;display:flex;align-items:flex-start;gap:10px}
.account-access-card .auth-sms-consent input{width:22px;min-height:22px;flex-shrink:0;margin-top:2px}
.account-access-card select{width:100%;min-height:48px;font-size:16px;margin-top:8px;border-radius:12px;padding:10px;background:var(--surface);color:var(--ink)}
#firebase-recaptcha{margin-top:16px}
.account-access-card h1[tabindex="-1"]:focus{outline:none}

.account-access-card .auth-remember{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}
html[data-appearance] .account-access-card .auth-remember input{width:22px;min-height:22px;flex-shrink:0;margin-top:2px;padding:0}
.auth-captcha-hint{font-size:12px;color:var(--muted);margin-top:24px}

.account-access-legal{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}.account-access-legal a,.manual-profile-help a{display:inline-block;min-height:44px;padding:10px 0;color:var(--purple)}