/* Preview-only account styles. Scoped to avoid affecting other pages. */
    .account-head{padding:65px 0 26px}
    .account-head h1{font-size:clamp(38px,4.8vw,62px);margin:14px 0 14px}
    .account-head p{color:var(--muted);max-width:700px;font-size:16px}
    .account-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:22px;align-items:start;margin:25px 0 72px}
    .account-panel{border:1px solid var(--border);border-radius:20px;padding:32px;background:linear-gradient(145deg,rgba(26,35,48,.96),rgba(15,21,31,.98));min-width:0}
    .account-panel h2{font-size:25px;letter-spacing:-.035em}
    .account-lead{color:var(--muted);font-size:13px;line-height:1.75;margin:10px 0 23px}
    .account-label{display:block;font-weight:700;font-size:12px;margin-bottom:7px}
    .account-field{margin-bottom:16px}
    .account-input{display:block;width:100%;border:1px solid var(--border);border-radius:10px;background:#0c131d;color:var(--txt);padding:13px 14px;font:inherit;min-height:46px}
    .account-input::placeholder{color:#85919f}
    .account-input:disabled{color:#89929e;opacity:.72;cursor:not-allowed}
    .account-submit{width:100%;margin-top:7px}
    .account-submit:disabled{background:#776951;border-color:#776951;color:#d2c5ae;cursor:not-allowed;opacity:.72;transform:none}
    .account-notice{border:1px solid rgba(226,180,124,.27);border-radius:11px;background:rgba(226,180,124,.055);padding:15px 17px;color:#d7c2a5;font-size:13px;line-height:1.7;margin-top:20px}
    .account-secondary{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}
    .account-secondary a{color:var(--warm);text-decoration:underline;text-underline-offset:3px}
    .account-feature{display:flex;gap:13px;margin:18px 0;color:var(--muted);font-size:13px;line-height:1.6}
    .account-feature-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid var(--borderStrong);border-radius:10px;background:rgba(226,180,124,.07);color:var(--warm);font-size:17px}
    .account-feature strong{display:block;color:var(--txt);font-size:13px}
    .account-aside-note{font-size:12px;color:var(--muted);margin-top:24px;line-height:1.7}
    @media(max-width:800px){.account-grid{grid-template-columns:1fr}.account-head{padding-top:45px}.account-panel{padding:25px}}
    @media(max-width:480px){.account-panel{padding:20px}.account-head h1{font-size:38px}}

/* Membership workflows — all scoped to the account page */
[hidden]{display:none!important}
.account-switches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.account-switches .account-tab{padding:10px 16px;border:1px solid var(--border);border-radius:10px;background:#141c27;color:var(--muted);cursor:pointer;font-size:13px;font-weight:700}
.account-switches .account-tab[aria-current="page"]{background:rgba(226,180,124,.13);border-color:var(--borderStrong);color:var(--txt)}
.account-field textarea.account-input{resize:vertical;min-height:110px}
.account-link{color:var(--warm);text-decoration:underline;text-underline-offset:3px;font-weight:700;border:0;background:none;cursor:pointer;padding:0;font:inherit}
.account-help{color:var(--muted);font-size:12px;line-height:1.7;margin-top:10px}
.account-lead{margin-bottom:20px}
.account-status{min-height:23px;margin:17px 0;color:var(--muted);font-size:13px;line-height:1.6}
.account-status[data-state="success"]{color:#a6d6ca}
.account-status[data-state="error"]{color:#f2b7ae}
.account-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px}
.account-profile-head{display:flex;gap:14px;align-items:center;margin:18px 0 24px}
.account-avatar{display:grid;place-items:center;width:70px;height:70px;flex:0 0 70px;border-radius:18px;border:1px solid var(--borderStrong);background:rgba(226,180,124,.08);color:var(--warm);font-size:28px;overflow:hidden}
.account-avatar img{width:100%;height:100%;object-fit:cover}
.account-profile-head strong{font-size:19px;display:block;overflow-wrap:anywhere}
.account-profile-head span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.account-divider{border:0;border-top:1px solid var(--border);margin:25px 0}
.account-compact{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.account-compact .btn{min-height:42px}
.account-input[type=file]{padding:10px;min-height:auto;font-size:12px}
.account-input:focus-visible,.account-tab:focus-visible,.account-link:focus-visible{outline:2px solid var(--warm);outline-offset:2px}
@media(max-width:480px){.account-switches{gap:7px}.account-switches .account-tab{padding:9px 11px}}
