.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}}