:root{
  --account-bg:#f3f1eb;
  --account-paper:#fbfaf7;
  --account-ink:#121212;
  --account-muted:#696963;
  --account-line:#cbc9c1;
  --account-accent:#e94f32;
}
.account-main{min-height:calc(100vh - 174px);padding:72px 0 90px}
.account-shell{width:min(1120px,calc(100% - 56px));margin-inline:auto}
.account-intro{display:flex;align-items:center;gap:20px;padding-bottom:34px;border-bottom:1px solid var(--account-ink)}
.account-intro .account-avatar{width:70px;height:70px;border-radius:50%;flex:0 0 70px}
.account-eyebrow{display:block;color:var(--account-accent);font-size:9px;font-weight:800;letter-spacing:.16em;margin-bottom:7px}
.account-intro h1,.account-empty h1{margin:0;font-size:clamp(38px,6vw,72px);line-height:.94;letter-spacing:-.055em;font-weight:500}
.account-intro p{margin:8px 0 0;color:var(--account-muted);font-size:13px}
.account-current{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:var(--account-ink);color:#fff;padding:30px 34px;margin-top:22px}
.account-current small{font-size:8px;font-weight:800;letter-spacing:.14em;color:#a9a9a5}
.account-current>div:first-child>strong{display:block;font-size:28px;letter-spacing:-.04em;margin:8px 0 3px}
.account-current p{margin:0;color:#aaa;font-size:12px}
.account-current-volume{text-align:right}
.account-current-volume strong{display:block;font-size:48px;line-height:.9;letter-spacing:-.06em}
.account-current-volume span{display:block;margin-top:7px;color:#aaa;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.account-plans-wrap{margin-top:60px}
.account-section-head{display:grid;grid-template-columns:1fr minmax(240px,380px);gap:40px;align-items:end;margin-bottom:22px}
.account-section-head h2{margin:0;font-size:clamp(32px,4vw,52px);line-height:.98;letter-spacing:-.05em;font-weight:500}
.account-section-head p{margin:0;color:var(--account-muted);font:14px/1.55 Georgia,"Times New Roman",serif}
.account-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.account-plan{min-height:300px;background:var(--account-paper);border:1px solid var(--account-ink);padding:26px;display:flex;flex-direction:column}
.account-plan-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.account-plan-head small{display:block;color:var(--account-muted);font-size:8px;letter-spacing:.12em;font-weight:700}
.account-plan h3{margin:5px 0 0;font-size:24px;letter-spacing:-.03em}
.account-plan-price{text-align:right}
.account-plan-price strong{display:block;font-size:26px;letter-spacing:-.04em}
.account-plan-price span{font-size:9px;color:var(--account-muted);text-transform:uppercase;letter-spacing:.07em}
.account-plan-volume{font-size:30px;font-weight:700;letter-spacing:-.04em;margin:46px 0 6px}
.account-plan>p{margin:0 0 26px;color:var(--account-muted);font-size:12px;line-height:1.5}
.account-plan>a{margin-top:auto;min-height:48px;display:flex;align-items:center;justify-content:center;background:var(--account-ink);color:#fff;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.08em}
.account-plan>a:hover{background:#2a2a2a}
.account-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;margin-top:34px;border-top:1px solid var(--account-line)}
.account-actions a,.account-actions button{appearance:none;border:0;background:transparent;padding:0;color:var(--account-muted);font-size:10px;font-weight:800;letter-spacing:.08em;cursor:pointer;text-decoration:none}
.account-actions a:hover,.account-actions button:hover{color:var(--account-ink)}
.account-empty{max-width:760px;padding:75px 0}
.account-empty p{max-width:580px;color:var(--account-muted);font:16px/1.6 Georgia,"Times New Roman",serif;margin:24px 0 30px}
.account-empty button{appearance:none;border:0;background:var(--account-ink);color:#fff;min-height:52px;padding:0 22px;font-size:10px;font-weight:800;letter-spacing:.08em;cursor:pointer}
.account-footer{border-top:1px solid var(--account-ink)}
@media(max-width:760px){
  .account-main{padding:42px 0 65px}
  .account-shell{width:min(100% - 32px,1120px)}
  .account-current{grid-template-columns:1fr;padding:24px}
  .account-current-volume{text-align:left}
  .account-section-head{grid-template-columns:1fr;gap:18px}
  .account-plans{grid-template-columns:1fr}
  .account-plan{min-height:270px}
  .account-actions{align-items:flex-start;flex-direction:column}
}