html[data-account="pending"] body>header,html[data-account="pending"] body>main,html[data-account="pending"] body>dialog,html[data-account="signed-out"] body>header,html[data-account="signed-out"] body>main,html[data-account="signed-out"] body>dialog{display:none!important}
html[data-account="pending"] body,html[data-account="signed-out"] body{min-height:100svh;background:#f2f5fa}
.account-shell{min-height:100svh;padding:36px 24px;display:grid;place-items:center;color:#183c66;background:radial-gradient(ellipse at 8% 6%,#e0ebf9 0,transparent 45%),#f2f5fa}
.account-shell[hidden],html[data-account="signed-in"] .account-shell{display:none!important}
.account-layout{display:grid;grid-template-columns:minmax(270px,.9fr) minmax(320px,1fr);width:min(100%,980px);min-height:650px;border:1px solid #dce5f0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 70px #003c7b13}
.account-intro{background:linear-gradient(150deg,#003c7b,#0055a4);color:white;padding:40px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}
.account-intro:after{content:'';position:absolute;right:-100px;bottom:80px;width:260px;height:260px;border:50px solid #ffffff07;border-radius:50%;pointer-events:none}
.account-intro>img{width:190px;height:auto;background:#fff;border-radius:8px;padding:11px 13px;box-sizing:content-box}
.account-intro-copy{margin:auto 0;position:relative;z-index:1;padding:55px 0}
.account-eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#cfdef2}
.account-intro h1{font-size:43px;line-height:1.13;letter-spacing:-1px;margin:18px 0}
.account-intro h1 span{color:#ffdf00}
.account-intro p{font-size:14px;line-height:1.7;color:#dae7f6;max-width:300px}
.account-intro .account-intro-note{font-size:11px;line-height:1.6;margin:0}
.account-panel{padding:38px 44px;align-self:center;min-width:0}
.account-logo{display:block;width:100px;height:auto;max-height:70px;object-fit:contain;object-position:left;margin-bottom:24px}
.account-kicker{font-size:10px;letter-spacing:1.4px;font-weight:750;color:#6d8199;margin:0 0 9px}
.account-panel h2{font-size:26px;letter-spacing:-.6px;line-height:1.2;margin:0 0 12px;color:#003c7b}
.account-description{font-size:13px;line-height:1.65;color:#65768c;margin:0 0 24px;overflow-wrap:anywhere}
.account-field{margin:0 0 16px}
.account-field label{display:block;font-size:12px;font-weight:650;color:#294c70;margin-bottom:8px}
.account-field input{display:block;width:100%;min-height:46px;padding:12px 13px;border:1px solid #d4dfed;border-radius:9px;background:#fff;color:#183c66;font:inherit;font-size:14px;box-sizing:border-box}
.account-field input:focus{outline:3px solid #ffdf0066;border-color:#0055a4}
.account-shell button{font-family:inherit;cursor:pointer;min-height:44px}
.account-shell button:disabled{opacity:.55;cursor:wait}
.account-shell button:focus-visible{outline:3px solid #f1c600;outline-offset:3px}
.account-primary{width:100%;border:0;border-radius:10px;padding:13px 18px;background:#ffdf00;color:#003c7b;font-size:14px;font-weight:750;margin-top:10px;box-shadow:none}
.account-primary:hover{background:#f7d900}
.account-password-toggle,.account-text-button{border:0;padding:5px 0;background:transparent;color:#0055a4;font-size:12px;font-weight:650;line-height:1.5;text-align:left;box-shadow:none}
.account-password-toggle{min-height:32px!important;display:block;margin-top:-10px}
.account-text-button:hover,.account-password-toggle:hover{background:transparent;text-decoration:underline}
.account-password-hint{color:#6a7e95;font-size:11px;line-height:1.5;margin:0 0 12px}
.account-status{font-size:12px;line-height:1.65;margin:17px 0 0;overflow-wrap:anywhere;color:#496887}
.account-status:empty{display:none}
.account-status[data-state="error"]{color:#9a3d23;background:#fff5ef;padding:11px 13px;border-radius:8px}
.account-status[data-state="success"]{color:#216442;background:#eff8f3;padding:11px 13px;border-radius:8px}
.account-links{display:flex;flex-direction:column;gap:0;margin-top:12px}
.account-links .account-text-button{min-height:36px}
.account-footer{border-top:1px solid #e8edf4;margin:24px 0 0;padding-top:15px;font-size:10px;line-height:1.6;color:#75869b}
.account-identity{margin-top:22px;border-top:1px solid #dfe6f0;padding-top:18px;display:grid;gap:7px}
.account-identity[hidden]{display:none!important}
.account-identity strong{font-size:13px;color:#183c66}
.account-identity span{font-size:12px;color:#65768c;overflow-wrap:anywhere}
.account-identity button{justify-self:start;margin-top:4px;font-size:12px;background:#f2f6fc}
@media(max-width:720px){.account-shell{padding:18px 14px;min-height:100svh;align-items:start}.account-layout{grid-template-columns:1fr;min-height:0;border-radius:18px;max-width:480px}.account-intro{padding:19px 25px;min-height:0}.account-intro>img{width:145px;padding:8px 11px;border-radius:6px}.account-intro-copy{padding:15px 0 0;margin:0}.account-intro h1{display:none}.account-intro-copy>p,.account-intro-note{display:none}.account-eyebrow{font-size:9px;letter-spacing:.9px}.account-intro:after{display:none}.account-panel{padding:26px 25px 28px}.account-logo{width:82px;margin-bottom:20px}.account-panel h2{font-size:24px}.account-description{font-size:12px;margin-bottom:20px}.account-footer{margin-top:22px}.account-field input{font-size:16px}.account-panel .account-kicker{font-size:9px}}
@media(prefers-reduced-motion:reduce){.account-shell *{transition:none!important;animation:none!important}}