/* Auth uses the same action and motion tokens as the learning interface. */
#account-page:not([data-auth-mode="dashboard"]){background:radial-gradient(ellipse at 15% 0,#e9f0fc 0,transparent 48%),radial-gradient(ellipse at 100% 100%,#eef3fa 0,transparent 55%),#f7f9fc}
#account-page .account-page-header{max-width:1120px;padding:32px 40px}
#account-page .account-wordmark{gap:9px;font-size:23px;color:#233d61;letter-spacing:-.8px}
#account-page .account-wordmark img{width:30px;height:26px}
#account-page .auth-layout{display:block;max-width:472px;min-height:0;margin:28px auto 64px;border:1px solid #dce5f2;border-radius:24px;background:#ffffffed;box-shadow:0 3px 8px #243e6010,0 24px 72px -32px #2d527b30;overflow:visible}
#account-page .auth-form-wrap{padding:36px 38px 30px}
#account-page .auth-heading{margin-bottom:26px}
#account-page .auth-eyebrow{display:block;margin-bottom:10px;color:#6682a6;font-size:10px;font-weight:650;letter-spacing:.14em}
#account-page [data-auth-title]{font-size:30px;line-height:1.35;font-weight:650;letter-spacing:-.8px;outline:none}
#account-page .auth-intro{font-size:13px;line-height:1.8;color:#6c7e95;margin:10px 0 0!important;max-width:100%}
#account-page [data-auth-view] form{margin:0}
#account-page [data-auth-view] label{margin:0 0 12px;font-size:13px;line-height:1.5;font-weight:550;color:#344c6b;min-width:0}
#account-page [data-auth-view] input:not([type=checkbox]){height:50px;margin-top:8px;border:1px solid #d6e0ed;border-radius:12px;background:#fbfcff;padding:0 14px;font:400 16px/1.4 var(--sans);color:#213c5b;box-shadow:0 1px 2px #273e5f03;transition:border-color var(--ui-fast),box-shadow var(--ui-fast),background-color var(--ui-fast);outline:none}
#account-page [data-auth-view] input::placeholder{font:400 13px/1.4 var(--sans);color:#8b9bb0}
#account-page [data-auth-view] input:not([type=checkbox]):focus{border-color:#668fc7;background:#fff;box-shadow:0 0 0 3px #e7effa;outline:none}
#account-page [data-auth-view] input[aria-invalid="true"]{border-color:#c67b7b;background:#fffafa;box-shadow:none}
#account-page [data-auth-view] input[aria-invalid="true"]:focus{box-shadow:0 0 0 3px #f9eaea}
#account-page .auth-field-error{display:block;min-height:18px;line-height:18px;margin-top:5px!important;font-size:11px;font-weight:400;color:#a94d4d}
#account-page .auth-field-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:20px}
#account-page [data-forgot]{font-size:12px;font-weight:400;color:#58779f;text-decoration:none}
#account-page .auth-password-field{position:relative;margin-top:8px}
#account-page .auth-password-field input{margin-top:0!important;padding-right:54px!important}
#account-page .auth-password-toggle{position:absolute;inset:3px 3px 3px auto;display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:#7c90aa;box-shadow:none}
#account-page .auth-password-toggle svg{display:block;width:20px;height:20px}
#account-page .auth-password-toggle[aria-pressed="true"]{color:#2f619f;background:#eef3fb}
#account-page [data-auth-view] button:not(.auth-password-toggle){display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:48px;border-radius:12px;border-width:1px;line-height:1.4;font-size:13px;font-weight:550;padding:10px 16px}
#account-page [data-auth-view] .account-primary{min-height:50px;font-size:14px;font-weight:600;background:#315f9b;border-color:#315f9b;box-shadow:0 2px 4px #294b7320, inset 0 1px #ffffff14;color:#fff;letter-spacing:.03em;width:100%}
#account-page [data-auth-view] .account-primary:disabled:not([aria-busy="true"]){opacity:.5}
#account-page [data-auth-view] .account-import{display:flex;align-items:flex-start;margin:6px 0 22px;gap:10px;font-size:12px;font-weight:400;color:#5b6f88;cursor:pointer}
#account-page .account-import input{width:18px;height:18px;margin:1px 0 0;accent-color:#315f9b}
#account-page .account-import small{font-size:11px;color:#8a9aaf;margin-top:3px}
#account-page [data-auth-view] form>[role="status"]{min-height:22px;margin:10px 0 0;font-size:12px;line-height:1.7;color:#647995}
#account-page [data-auth-view] [role="status"][data-tone="error"]{color:#a94d4d}
#account-page [data-auth-view] [role="status"][data-tone="success"]{color:#3b7965}
#account-page .auth-switch{border-top:1px solid #e7edf5;margin:14px 0 0!important;padding-top:22px;text-align:center;color:#7e8da1;font-size:12px!important}
#account-page .auth-switch a{margin-left:5px;color:#315f9b;font-weight:600;text-decoration:none;padding:8px 2px}
#account-page [data-recover]>a{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;color:#58779f;font-size:12px;text-decoration:none}
#account-page .auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px;align-items:start;flex-wrap:nowrap;margin-top:8px}
#account-page .auth-code-row input{width:100%;margin:0!important;letter-spacing:.08em}
#account-page .auth-code-row button{height:50px;min-width:0;padding:8px 10px!important;margin:0;background:#eef3fb;border-color:#d6e1f0;color:#3d628f;font-size:12px!important;white-space:nowrap}
#account-page[data-auth-mode="signup"] .auth-layout{max-width:620px;margin-top:8px}
#account-page[data-auth-mode="signup"] .auth-form-wrap{padding:32px 36px 28px}
#account-page[data-auth-mode="signup"] [data-login]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 20px}
#account-page[data-auth-mode="signup"] [data-login]>label{margin:0}
#account-page[data-auth-mode="signup"] [data-login]>.account-import{margin:6px 0 14px}
#account-page[data-auth-mode="signup"] .auth-heading{margin-bottom:22px}
#account-page[data-auth-mode="recover"] .auth-layout{max-width:472px;margin-top:16px}
#account-page[data-auth-mode="recover"] .auth-heading{margin-bottom:22px}
#account-page .preview-auth-note{max-width:620px;margin:0 auto 18px;padding:0 20px;text-align:center;font-size:11px;color:#7990ab}
@media(hover:hover) and (pointer:fine){
 #account-page [data-auth-view] .account-primary:hover:not(:disabled){background:#2a568e;border-color:#2a568e;box-shadow:0 3px 8px #294b7324,inset 0 1px #ffffff14}
 #account-page .auth-password-toggle:hover{background:#eef3fb;color:#315f9b}
 #account-page [data-forgot]:hover,#account-page .auth-switch a:hover{text-decoration:underline;text-underline-offset:3px}
}
@media(max-width:600px){
 #account-page .account-page-header{padding:24px 24px 14px}
 #account-page .account-wordmark{font-size:22px}
 #account-page .auth-layout,#account-page[data-auth-mode="signup"] .auth-layout,#account-page[data-auth-mode="recover"] .auth-layout{max-width:none;min-height:0;margin:20px 16px max(30px,env(safe-area-inset-bottom));border-radius:20px}
 #account-page .auth-form-wrap,#account-page[data-auth-mode="signup"] .auth-form-wrap{padding:28px 24px 24px}
 #account-page [data-auth-title]{font-size:28px}
 #account-page[data-auth-mode="signup"] [data-login]{grid-template-columns:minmax(0,1fr);gap:8px}
 #account-page [data-auth-view] input:not([type=checkbox]){font-size:16px}
 #account-page [data-auth-view] .account-import{margin-bottom:20px}
 #account-page .auth-code-row{grid-template-columns:minmax(0,1fr) 108px}
}
@media(max-width:350px){
 #account-page .account-page-header{padding:20px 20px 10px}
 #account-page .auth-layout,#account-page[data-auth-mode="signup"] .auth-layout,#account-page[data-auth-mode="recover"] .auth-layout{margin-left:12px;margin-right:12px}
 #account-page .auth-form-wrap,#account-page[data-auth-mode="signup"] .auth-form-wrap{padding:24px 18px 20px}
 #account-page .auth-code-row{grid-template-columns:minmax(0,1fr) 100px;gap:6px}
}
@media(max-height:600px) and (orientation:landscape){
 #account-page .account-page-header{padding-top:16px;padding-bottom:12px}
 #account-page .auth-layout,#account-page[data-auth-mode="signup"] .auth-layout,#account-page[data-auth-mode="recover"] .auth-layout{margin-top:6px}
}
@media(prefers-reduced-motion:reduce){
 #account-page [data-auth-view] input{transition:none!important}
}
#account-page .auth-field-caption{min-height:32px}
#account-page [data-forgot]{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px;margin-block:-6px}
#account-page [data-auth-view] .account-import{min-height:44px}
#account-page[data-auth-mode="signup"] .auth-field-caption{min-height:19.5px}
#account-page [data-auth-view] button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
@media(max-width:600px){
 #account-page [data-auth-view] input{scroll-margin-block:28px}
}
#account-page .auth-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;vertical-align:middle;padding:0 6px}
#account-page [data-auth-view] button.account-primary{min-height:50px}
#account-page .auth-password-label{position:relative}
#account-page [data-forgot]{position:absolute;top:0;right:0}