.account-layout{margin:0;background:#f4f6fb;color:#172033;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;display:flex;flex-direction:column}
[data-bs-theme="dark"] .account-layout{background:#111827;color:#f1f4fa}
.account-layout *{box-sizing:border-box}
.account-layout main{flex:1}
.account-header{max-width:1120px;width:100%;margin:0 auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-wordmark{font-size:clamp(1.15rem,4vw,1.5rem);font-weight:750;text-decoration:none;color:inherit}
.account-theme{background:transparent;color:inherit;border:1px solid #8795ad;border-radius:10px;padding:10px 12px;cursor:pointer;font:inherit}
.account-footer{max-width:720px;margin:0 auto;padding:0 20px 32px;text-align:center;font-size:.9rem}
.account-footer nav{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.account-footer a{color:inherit;text-underline-offset:3px}
.account-skip{position:absolute;left:12px;top:12px;padding:12px;background:#fff;color:#172033;transform:translateY(-150%);z-index:10}
.account-skip:focus{transform:translateY(0)}
.account-layout a:focus-visible,.account-theme:focus-visible{outline:3px solid #759fff;outline-offset:4px}
.account-shell{--account-bg:#fff;--account-fg:#172033;--account-muted:#536078;--account-border:#d5dce8;--account-accent:#2458ce;max-width:720px;margin:0 auto;padding:clamp(24px,5vw,64px) 20px;color:var(--account-fg)}
[data-bs-theme="dark"] .account-shell{--account-bg:#1d2432;--account-fg:#f1f4fa;--account-muted:#bcc7db;--account-border:#4a5770;--account-accent:#97b7ff}
.account-card{background:var(--account-bg);border:1px solid var(--account-border);border-radius:20px;padding:clamp(22px,5vw,42px);box-shadow:0 12px 36px rgba(15,30,60,.08)}
.account-brand{font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--account-accent);margin-bottom:12px}
.account-shell h1{font-size:clamp(1.7rem,5vw,2.2rem);line-height:1.2;margin:0 0 12px;color:var(--account-fg)}
.account-shell p,.account-shell .form-text{color:var(--account-muted);line-height:1.6}
.account-shell form{margin-top:24px}
.account-shell .form-group{margin-bottom:20px}
.account-shell label{display:block;font-weight:600;margin-bottom:8px;color:var(--account-fg)}
.account-shell .form-control{background:var(--account-bg);color:var(--account-fg);border:1px solid var(--account-border);border-radius:10px;min-height:48px;padding:10px 14px;width:100%;font-size:1rem}
.account-shell .form-control:focus{border-color:var(--account-accent);outline:3px solid color-mix(in srgb,var(--account-accent) 25%,transparent);outline-offset:2px}
.account-shell a{color:var(--account-accent);text-decoration:underline;text-underline-offset:3px}
.account-shell .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;padding:10px 18px;font-weight:600;white-space:normal}
.account-shell .account-submit{width:100%;background:#2458ce;color:#fff;border:1px solid #2458ce}
.account-shell .account-submit:hover{background:#1945a6}
.account-shell .account-secondary{color:var(--account-fg);border:1px solid var(--account-border);background:var(--account-bg)}
.account-shell .btn:focus-visible,.account-shell a:focus-visible,.account-shell summary:focus-visible{outline:3px solid var(--account-accent);outline-offset:3px}
.account-links,.account-options{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-top:22px}
.account-shell .account-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0}
.account-check input{margin-top:5px;flex-shrink:0;width:18px;height:18px;accent-color:#2458ce}
.account-check label{font-weight:400;margin:0}
.account-shell .text-danger,.account-shell .validation-summary-errors{color:#b42332}
[data-bs-theme="dark"] .account-shell .text-danger,[data-bs-theme="dark"] .account-shell .validation-summary-errors{color:#ffabb3}
.account-shell .validation-summary-valid{display:none}
.account-shell .validation-summary-errors{border:1px solid currentColor;border-radius:10px;padding:14px;margin-bottom:20px}
.account-shell .validation-summary-errors ul{margin:0;padding-left:20px}
.account-shell .input-group{display:flex;gap:10px;flex-wrap:wrap}
.account-shell .input-group .form-control{flex:1 1 220px;min-width:0}
.account-shell .input-group .btn{flex:0 0 auto}
.account-shell .g-recaptcha{margin:20px 0;max-width:100%}
.account-shell details{border:1px solid var(--account-border);padding:16px;border-radius:12px;margin:20px 0}
.account-shell summary{cursor:pointer;font-weight:600;margin-bottom:12px}
.account-shell hr{border-color:var(--account-border);margin:26px 0}
.account-shell .account-status{border:1px solid var(--account-border);padding:16px;border-radius:12px;margin-top:20px;color:var(--account-fg)}
@media(max-width:380px){.account-header{padding:20px 16px}.account-theme{font-size:.85rem;padding:8px}.account-shell{padding:24px 8px}.account-card{padding:20px 12px}.account-shell .input-group .btn{width:100%}}