body:not([data-authenticated="true"]){background:#f2f6fc}
body:not([data-authenticated="true"])>.rail,body:not([data-authenticated="true"])>.main>.top{display:none}
body:not([data-authenticated="true"])>.main{width:100%;max-width:none;margin:0;padding:0}
body:not([data-authenticated="true"]) #accountsPage.page.active{min-height:100vh;margin:0;padding:48px clamp(22px,7vw,100px);display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(320px,.95fr);align-content:center;align-items:center;gap:clamp(38px,8vw,130px);background:radial-gradient(ellipse at 16% 8%,#edf5ff 0,transparent 40%),linear-gradient(135deg,#f7f9fd,#eef3fb)}
body:not([data-authenticated="true"]) #accountsPage>.page-intro,body:not([data-authenticated="true"]) #accountsPage .permission-card{display:none}
body:not([data-authenticated="true"]) #accountsPage>.auth-welcome{max-width:570px;color:#203b61}
.auth-brand{display:flex;align-items:center;gap:12px}.auth-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(140deg,#3578cf,#204a80);box-shadow:0 10px 24px #254e8330;color:#fff;font-size:25px;font-weight:900}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:17px;letter-spacing:.06em}.auth-brand small{margin-top:4px;color:#8398b2;font-size:9px;letter-spacing:.17em}
.auth-message{margin:clamp(45px,10vh,110px) 0}.auth-message>span{color:#4676ad;font-size:12px;font-weight:800;letter-spacing:.1em}.auth-message h1{font-size:clamp(32px,4vw,52px);line-height:1.35;letter-spacing:.03em;margin:18px 0;color:#1b3558}.auth-message p{color:#788ba5;font-size:14px;line-height:1.9}.auth-footnote{padding-top:18px;border-top:1px solid #d8e2ef;color:#8a9bb2;font-size:11px;letter-spacing:.13em}
body:not([data-authenticated="true"]) #accountsPage .account-grid{display:block;width:min(420px,100%);margin:auto}body:not([data-authenticated="true"]) #accountsPage .account-card{border:1px solid #e4eaf2;border-radius:18px;padding:34px;box-shadow:0 24px 70px #24487018}body:not([data-authenticated="true"]) #accountsPage .account-icon{display:none}body:not([data-authenticated="true"]) #accountsPage .account-card h3{font-size:21px;color:#1b3558;margin:0 0 24px}body:not([data-authenticated="true"]) #accountsPage .account-card>label{display:grid;gap:8px;margin:14px 0;color:#667b96;font-size:12px;font-weight:700}body:not([data-authenticated="true"]) #accountsPage .account-card>label input{height:46px;border:1px solid #dce5ef;border-radius:9px;padding:0 13px;font-size:14px}
body:not([data-authenticated="true"]) #accountsPage #loginBtn,body:not([data-authenticated="true"]) #accountsPage #changePasswordBtn{width:100%;height:46px;margin-top:8px;border-radius:9px;font-size:13px}body:not([data-authenticated="true"]) #accountsPage #loginStatus{min-height:34px;margin:13px 0 0;color:#8798ae;font-size:11px;line-height:1.6}body:not([data-authenticated="true"]) #accountsPage #passwordChangePanel{border:0;background:#fff}body:not([data-authenticated="true"]) #accountsPage #passwordChangePanel h3{font-size:16px;margin:12px 0}body:not([data-authenticated="true"]) #accountsPage #passwordChangePanel label{display:grid;gap:7px;margin:13px 0;color:#667b96;font-size:12px;font-weight:700}body:not([data-authenticated="true"]) #accountsPage #passwordChangePanel input{height:44px;border-radius:9px;font-size:14px}
body[data-authenticated="true"] .auth-welcome{display:none}
body:not([data-authenticated="true"]) #quoteStats{display:none}
@media(max-width:760px){body:not([data-authenticated="true"]) #accountsPage.page.active{grid-template-columns:1fr;padding:28px 20px;gap:16px}.auth-message{margin:28px 0 18px}.auth-message h1{font-size:32px}.auth-footnote{display:none}body:not([data-authenticated="true"]) #accountsPage .account-grid{margin:0 auto}body:not([data-authenticated="true"]) #accountsPage .account-card{padding:26px}}