.auth-page{max-width:520px;margin:12px auto 64px}.auth-back{display:inline-flex;gap:8px;align-items:center;color:var(--muted);margin-bottom:24px;font-size:14px;min-height:36px}.auth-card{padding:clamp(24px,5vw,40px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel)}.auth-card h1{font-size:28px;margin:16px 0 8px;color:var(--strong);letter-spacing:-.7px}.auth-card>p.muted{font-size:14px;line-height:1.8}.auth-symbol{display:inline-flex;padding:12px;background:var(--brand-soft);color:var(--brand);border-radius:var(--radius-card)}.auth-preview-note{margin:24px 0;background:var(--alt);border-left:3px solid var(--brand);padding:14px;border-radius:0 8px 8px 0;line-height:1.65;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:10px;margin:24px 0 16px}.auth-form label{font-weight:700;font-size:14px;margin-top:6px}.auth-form input{width:100%;min-width:0;height:48px;border:1px solid var(--control-border);border-radius:var(--radius-control);padding:0 13px;background:var(--alt);color:var(--text);font:inherit}.auth-form input[aria-invalid=true]{border-color:var(--brand)}.auth-form input:not([type=radio]):not([type=checkbox]):focus-visible,.auth-form select:focus-visible{border-color:var(--focus-outline);outline:3px solid var(--focus-ring);outline-offset:1px}.auth-form input:disabled{opacity:.6}.auth-password{display:flex;position:relative}.auth-password input{padding-right:48px}.auth-password button{position:absolute;right:4px;top:4px;width:40px;height:40px;display:grid;place-items:center;color:var(--muted)}.auth-form .primary-button{margin-top:12px;min-height:48px}.auth-card>.outline-button,.auth-card>.primary-button{display:flex;justify-content:center;min-height:44px}.auth-account{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.auth-account p{margin:0 0 8px}.auth-entry-links{display:flex;justify-content:center;gap:24px;margin:24px 0;font-size:14px}.auth-entry-links a:hover{color:var(--brand);text-decoration:underline}.username-lookup-help{margin:0;font-size:13px;line-height:1.6}.username-lookup-sent{margin:4px 0 0;padding:12px 14px;background:var(--brand-soft);color:var(--strong);border-radius:var(--radius-control);font-size:13px;line-height:1.6}.enrollment-page{max-width:640px}.settings-enrollment-page{min-width:0}.settings-enrollment-card{max-width:640px}.enrollment-form{gap:20px}.enrollment-form h2{font-size:20px;margin:0 0 4px;color:var(--strong)}.enrollment-form h2:focus{outline:none}.enrollment-form p{margin:0}.enrollment-field{display:flex;flex-direction:column;gap:8px;min-width:0}.enrollment-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.enrollment-password-field{min-width:0}.enrollment-password-field>small{display:block;margin-top:8px;line-height:1.6}.enrollment-field label,.enrollment-form legend{color:var(--strong);font-size:14px;font-weight:700}.enrollment-field small{line-height:1.6}.enrollment-form select{width:100%;height:48px;padding:0 12px;border:1px solid var(--control-border);background:var(--alt);color:var(--text);border-radius:var(--radius-control);font:inherit}.enrollment-form select[aria-invalid=true]{border-color:var(--brand)}.enrollment-form fieldset{min-width:0;margin:0;padding:0;border:0}.enrollment-form legend{padding:0;margin-bottom:10px}.enrollment-steps{list-style:none;padding:0;margin:0 0 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.enrollment-steps li{display:flex;align-items:center;gap:7px;min-width:0;padding:12px 0;border-bottom:2px solid var(--border);color:var(--muted);font-size:13px;line-height:1.5}.enrollment-steps li span{width:24px;height:24px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;flex:none}.enrollment-steps li[aria-current=step]{color:var(--brand);font-weight:700;border-color:var(--brand)}.enrollment-steps li[data-complete]{border-color:var(--brand)}.enrollment-steps li[data-complete] span{background:var(--brand-soft);color:var(--brand);border-color:transparent}.enrollment-steps li[aria-current=step] span{color:white;background:var(--brand);border-color:var(--brand)}.enrollment-email-row{display:flex;gap:8px;align-items:center}.enrollment-email-row .outline-button{flex-shrink:0;min-height:48px;padding:8px 12px;font-size:13px;white-space:nowrap}.enrollment-email .form-error{margin-top:8px}.enrollment-code{margin-top:14px;padding:16px;background:var(--alt);border-radius:var(--radius-card);display:grid;gap:8px;border:1px solid var(--border)}.enrollment-code p{font-size:13px;line-height:1.6}.enrollment-code p svg{vertical-align:middle;margin-right:4px}.enrollment-code p span{display:block;color:var(--muted)}.enrollment-code input{background:var(--surface);letter-spacing:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.enrollment-verified{display:flex;align-items:center;gap:6px;color:var(--brand);margin-top:10px!important;font-size:13px}.enrollment-help{font-size:13px;color:var(--muted);line-height:1.65;margin-top:-10px}.enrollment-help summary{cursor:pointer}.enrollment-help p{margin-top:8px}.enrollment-hint{font-size:13px;line-height:1.65;margin-top:-12px!important}.enrollment-choices label{display:inline-flex;gap:8px;align-items:center;margin:0 8px 8px 0;cursor:pointer;min-height:48px;padding:10px 12px;border:1px solid var(--control-border);border-radius:var(--radius-control)}.enrollment-choices label:has(:checked){border-color:var(--control-border);background:var(--brand-soft)}.enrollment-choices input[type=radio]{width:18px;height:18px;padding:0;accent-color:var(--brand)}.enrollment-accounts>p{font-size:13px;margin-bottom:10px}.enrollment-accounts label{padding:12px;width:100%;border:1px solid var(--control-border);border-radius:var(--radius-control);margin:0 0 8px}.enrollment-accounts label:has(:checked){background:var(--brand-soft);border-color:var(--control-border)}.enrollment-actions{display:flex;gap:10px;margin-top:8px}.enrollment-actions>*{min-height:48px;flex:1 1;display:flex;justify-content:center;align-items:center}.auth-form .enrollment-actions .primary-button{margin:0;flex:2 1}.enrollment-complete{text-align:center;padding:24px 0 0}.enrollment-complete>svg{color:var(--brand)}.enrollment-complete h2{font-size:22px}.enrollment-complete p{line-height:1.7;color:var(--muted)}.enrollment-complete .primary-button{display:inline-flex;margin-top:12px}@media (max-width:480px){.enrollment-steps{gap:10px;justify-content:space-between}.enrollment-steps li{flex-direction:column;gap:6px;font-size:12px;text-align:center}.enrollment-fields-grid{grid-template-columns:minmax(0,1fr);gap:18px}.enrollment-email-row{flex-wrap:wrap}.enrollment-email-row>input{flex:1 1 150px}.enrollment-email-row>button{flex-grow:1}}@media (max-width:600px){.auth-page{margin-bottom:calc(32px + env(safe-area-inset-bottom, 0px))}.auth-card{padding:24px 20px}.auth-card h1{font-size:25px}.auth-form input:not([type=radio]):not([type=checkbox]),.auth-form select{font-size:16px}.enrollment-actions{position:sticky;bottom:0;margin:0 -20px -16px;padding:16px 20px calc(16px + env(safe-area-inset-bottom, 0px));background:var(--surface);border-top:1px solid var(--border);z-index:1}}