.account-shell{max-width:720px;margin:auto;padding:65px 20px 90px}.account-shell h1{font-size:clamp(2.4rem,5vw,3.6rem);letter-spacing:-.045em;margin:8px 0}.account-lead{color:var(--muted);line-height:1.6}
.account-card,.account-notice{background:white;border:1px solid var(--border);border-radius:18px;padding:25px;margin:25px 0}.account-notice{line-height:1.6}.account-card h2{margin:0 0 10px;font-size:1.5rem}.account-card p{color:var(--muted)}
.account-card form{display:grid;gap:14px;margin:18px 0}.account-card label{display:grid;gap:6px;font-weight:750;font-size:.85rem}.account-card input{font:inherit;min-height:44px;border:1px solid #aab9ca;border-radius:10px;padding:9px 11px;max-width:100%;box-sizing:border-box}.account-card button.primary{min-height:44px}.account-card button:disabled{opacity:.6;cursor:wait}.account-links{display:flex;gap:16px;flex-wrap:wrap}.account-links button{border:0;background:transparent;color:var(--blue);font-weight:750;cursor:pointer;padding:8px 0}.account-feedback:empty,#checkout-feedback:empty{display:none}.account-footnote{color:var(--muted);font-size:.84rem;line-height:1.6}
.account-open:not([hidden]){display:inline-flex;align-items:center;min-height:44px;text-decoration:none;margin:12px 0 18px}.account-open:hover{background:var(--focus-deep)}.account-open:focus-visible{outline:3px solid var(--focus-deep);outline-offset:3px}
.account-shell{max-width:1180px}.account-shell>h1,.account-shell>.account-lead{max-width:730px}.account-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:28px;align-items:start}.account-content{min-width:0}.account-card,.account-notice{margin:24px 0}.account-aside{margin:24px 0;padding:28px;background:#fff;border:1px solid var(--border);border-radius:20px}.account-aside h2{font-size:1.65rem;letter-spacing:-.035em;line-height:1.15;margin:12px 0}.account-aside p{color:var(--muted);line-height:1.6}.account-aside a{display:inline-flex;text-decoration:none;margin-top:8px}.account-aside .account-aside-note{font-size:.8rem;margin:15px 0 0}.account-aside[hidden]{display:none}
.account-layout:has(.account-aside[hidden]){grid-template-columns:minmax(0,720px)}.account-aside a:focus-visible{outline:3px solid var(--focus-deep);outline-offset:3px}
@media(max-width:800px){.account-layout{grid-template-columns:1fr;gap:0}.account-aside{margin-top:0}}
@media(max-width:640px){.account-shell{padding:36px 16px 60px}.account-card,.account-notice{padding:18px}}

#purchase-options:not([hidden]){display:grid;gap:10px;margin:8px 0 14px}
.account-buy-more{border:0;background:transparent;color:var(--blue);font:inherit;font-weight:750;padding:8px 0;cursor:pointer}
.account-buy-more:not([hidden]){display:inline-flex;margin:2px 0 8px}
.account-buy-more:focus-visible{outline:3px solid var(--focus-deep);outline-offset:3px}

@media(max-width:640px){
  .account-shell,.account-layout,.account-content,.account-card,.account-notice,.account-aside{width:100%;max-width:100%;min-width:0}
  .account-shell h1,.account-card h2,.account-card p,.account-footnote{overflow-wrap:anywhere}
  #purchase-options button,.account-open{width:100%;max-width:100%;white-space:normal}
}

@media(max-width:640px){
  html:has(body.account-page),body.account-page{width:100%;max-width:100vw;overflow-x:clip}
  body.account-page>.marketing-header,body.account-page>.account-shell{width:100%;max-width:100vw}
  .account-shell{margin:0;padding:30px 16px 56px}
  .account-shell>h1{font-size:2.05rem;line-height:1.05;letter-spacing:-.035em;max-width:100%;white-space:normal}
  .account-lead{max-width:100%;font-size:.98rem;line-height:1.55}
  .account-layout{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}
  .account-content{width:100%;max-width:100%}
  .account-card,.account-notice{width:auto;max-width:100%;margin:20px 0;padding:18px}
  .account-card h2{font-size:1.35rem;line-height:1.15}
  #account-email{overflow-wrap:anywhere}
  .account-open:not([hidden]){display:flex;justify-content:center;text-align:center}
  .account-buy-more:not([hidden]){max-width:100%;white-space:normal}
}

@media(max-width:640px){
  .account-card input{font-size:16px}
}

.purchase-history{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}
.purchase-history h3{font-size:1rem;margin:0 0 10px}
.purchase-history-list{display:grid;gap:10px}
.purchase-history-item{border:1px solid var(--border);border-radius:12px;padding:12px}
.purchase-history-item strong,.purchase-history-item span{display:block}
.purchase-history-item span{color:var(--muted);font-size:.84rem;margin-top:3px}
.purchase-history-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.purchase-history-actions a{font-size:.84rem;font-weight:750;text-decoration:none;color:var(--blue)}
@media(max-width:640px){.purchase-history-actions{gap:10px}.purchase-history-actions a{min-height:36px;display:inline-flex;align-items:center}}