.account-page{--ink:#162a40;color:var(--ink)}.account-header{height:90px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.account-header .brand{font-size:37px}.account-header nav{display:flex;gap:44px;align-items:center;height:100%;font-size:18px;color:var(--muted)}.account-header nav a{padding:16px 0;position:relative}.account-header nav a[aria-current]{color:var(--ink)}.account-header nav a[aria-current]:after{content:"";position:absolute;bottom:7px;left:-8px;right:-8px;height:3px;background:var(--teal);border-radius:2px}.account-shell{display:grid;grid-template-columns:318px minmax(0,1fr);min-height:calc(100vh - 90px)}.account-rail{padding:44px 0 38px 36px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:60px}.account-rail h2{font-size:22px;margin:0 0 22px 14px}.account-rail nav>a,.account-rail nav>button{display:block;width:100%;padding:13px 20px;text-align:left;border:0;border-left:4px solid transparent;background:white;font-size:19px;color:var(--ink);margin-bottom:8px;line-height:1.3}.account-rail nav>a[aria-current]{background:var(--soft);border-left-color:var(--teal);color:var(--teal);font-weight:600}.account-back{margin-right:18px;padding:30px 14px 0;border-top:1px solid var(--line);color:var(--teal);font-size:18px}.account-main{padding:58px 44px 40px 52px;min-width:0}.account-page h1{font-size:46px;line-height:1.15;letter-spacing:-1.4px;margin:0 0 14px}.account-lead{font-size:22px;line-height:1.5;color:var(--muted);margin:0 0 34px}.account-identity{display:flex;gap:60px;flex-wrap:wrap;font-size:20px;margin:34px 0 42px;overflow-wrap:anywhere}.account-identity span{color:var(--muted)}.account-identity strong{font-weight:400}.account-section{border-top:1px solid var(--line);padding:40px 0 42px}.account-section h2{font-size:32px;line-height:1.3;letter-spacing:-.7px;margin:0 0 14px}.account-section p{color:var(--muted);font-size:20px;line-height:1.5;margin:12px 0 24px}.account-section .account-state{font-size:22px;color:var(--ink);margin-bottom:12px}.account-page .button,.account-page .outline-button{font-size:18px;padding:14px 32px;min-height:54px}.account-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}.account-footnote{border-top:1px solid var(--line);padding-top:34px;color:#6a7e92;font-size:17px;margin:0}.account-entry{width:min(100% - 44px,460px);margin:74px auto 70px}.account-entry h1{font-size:42px}.account-entry .account-lead{font-size:19px;margin-bottom:28px}.account-form{max-width:500px}.account-form label{font-size:15px;margin:22px 0 9px}.account-form input{font-size:17px;min-height:49px}.account-form>.button{margin-top:28px}.account-entry .account-form>.button,.sso-button{width:100%}.sso-button{margin-top:18px}.text-button{border:0;background:white;color:var(--teal);font-size:16px;padding:0;margin:0 0 26px;text-decoration:underline;text-underline-offset:4px}.account-message{border-left:3px solid var(--teal);background:var(--soft);padding:16px 18px;color:var(--ink);max-width:700px;margin:28px 0 0;font-size:16px;overflow-wrap:anywhere}.account-message[data-error=true]{background:#fff1f1;color:#932d39;border-color:#b22a37}#setup-details{margin:26px 0;padding:0 0 20px;border-bottom:1px solid var(--line)}#setup-key{font-family:monospace;font-size:16px;margin-bottom:18px}#recovery-codes{font-size:17px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;padding:22px 0;border-block:1px solid var(--line);max-width:540px}#settings-panel h1{font-size:40px}.account-form :disabled{opacity:.65}.account-page a:hover,.text-button:hover,.account-rail button:hover{color:var(--teal)}.account-page .button:hover{color:white}.account-page h1:focus{outline:0}.account-page input[readonly]{background:#f4f8f9}
@media(max-width:1100px){.account-shell{grid-template-columns:240px minmax(0,1fr)}.account-rail{padding-left:20px}.account-header{padding-inline:28px}.account-header .brand{font-size:30px}.account-header nav{gap:26px;font-size:16px}.account-main{padding:42px 30px}.account-identity{gap:14px 34px}.account-page h1{font-size:40px}.account-section h2{font-size:28px}}
@media(max-width:900px){.account-header{height:auto;min-height:106px;flex-wrap:wrap;justify-content:center;padding:20px 22px 8px;gap:5px 32px}.account-header nav{height:auto;gap:28px;font-size:15px;justify-content:center}.account-header .brand{font-size:29px}.account-shell{display:block}.account-rail{display:block;padding:20px 22px 0;border-right:0;border-bottom:1px solid var(--line)}.account-rail h2,.account-back{display:none}.account-rail nav{display:flex;gap:16px}.account-rail nav>a,.account-rail nav>button{width:auto;padding:10px 16px;font-size:16px}.account-main{padding:36px 22px 42px}.account-page h1,#settings-panel h1{font-size:34px;letter-spacing:-1px}.account-lead{font-size:19px}.account-identity{font-size:17px;margin:28px 0 30px;gap:8px 24px}.account-section{padding:28px 0 30px}.account-section h2{font-size:26px}.account-section p{font-size:17px}.account-section .account-state{font-size:19px}.account-page .button,.account-page .outline-button{font-size:16px;padding:13px 20px;min-height:49px}.account-footnote{font-size:15px;padding-top:26px}.account-entry{margin-top:44px}.account-entry h1{font-size:36px}#recovery-codes{font-size:14px}.account-actions{gap:14px}}

/* Native 1504 × 1046 concept alignment; retain the existing responsive rules. */
@media(min-width:1101px){.account-header{height:94px;padding-inline:46px}.account-header .brand{font-size:39px}.account-shell{grid-template-columns:332px minmax(0,1fr);min-height:calc(100vh - 94px)}.account-main{padding:62px 46px 40px 54px}.account-rail{padding-top:46px;padding-left:38px}.account-page h1{font-size:48px}.account-lead{font-size:23px}.account-identity{font-size:21px;margin-bottom:44px;gap:66px}.account-section h2{font-size:34px}.account-section p{font-size:21px}.account-section .account-state{font-size:23px}.account-page .button,.account-page .outline-button{font-size:19px;padding-inline:34px}.account-section{padding-block:40px 44px}.account-footnote{font-size:18px}.account-entry h1{font-size:42px}.account-entry .account-lead{font-size:19px}}