.account-section{border-top:1px solid var(--border-divider);padding:clamp(70px,10vh,120px) 0;background:var(--surface-canvas)}
.account-heading{display:flex;align-items:end;justify-content:space-between;gap:24px 50px;margin-bottom:32px}
.account-heading h2{font:300 clamp(32px,4vw,52px)/1.1 var(--f-serif);letter-spacing:-.02em;margin-top:13px}
.account-heading>p{max-width:40ch;color:var(--text-secondary);font-size:15px;line-height:1.6}
.account-panel{border:1px solid var(--border-divider);border-top:2px solid var(--brand-deep);background:var(--surface-panel);padding:clamp(23px,3vw,40px)}
.account-label{display:block;font:500 11px/1.4 var(--f-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:13px}
.account-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px}
.account-input-row input{width:100%;min-width:0;min-height:50px;padding:11px 15px;background:var(--surface-canvas);border:1px solid var(--control-border);border-radius:0;color:var(--text-primary);font:400 15px/1.5 var(--f-mono)}
.account-input-row input::placeholder{color:var(--text-secondary);opacity:.75}
.account-input-row input:focus-visible,.account-input-row button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}
.account-input-row button{min-height:50px;padding:11px 18px;border:1px solid var(--control-border);font:500 11px/1.4 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;transition:background .2s var(--ease),color .2s var(--ease)}
.account-input-row button:hover{background:var(--surface-hover)}
#account-load{border-color:var(--brand-deep);background:var(--brand-accent);color:var(--surface-canvas)}
#account-load:hover{background:var(--brand-apex)}
.account-privacy,.account-footnote{font:400 12px/1.7 var(--f-mono);color:var(--text-secondary)}
.account-privacy{margin:14px 0 0;max-width:90ch}
.account-status{display:flex;align-items:baseline;gap:10px 18px;flex-wrap:wrap;border-top:1px solid var(--border-divider);padding-top:23px;margin-top:27px}
.account-status>span{font:500 10px/1.4 var(--f-mono);letter-spacing:.13em;color:var(--text-secondary)}
.account-status strong{font:500 15px/1.4 var(--f-mono);letter-spacing:.08em;color:var(--brand-accent)}
.account-status p{flex-basis:100%;font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0}
.account-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--border-divider);border-bottom:1px solid var(--border-divider);margin:25px 0 0}
.account-values div{min-width:0;padding:24px 22px;border-right:1px solid var(--border-divider)}
.account-values div:first-child{padding-left:0}
.account-values div:last-child{border-right:0;padding-right:0}
.account-values dt,.account-freshness dt{font:400 10px/1.4 var(--f-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-secondary)}
.account-values dd{font:400 clamp(22px,2.4vw,32px)/1.2 var(--f-mono);letter-spacing:-.04em;color:var(--text-primary);margin:11px 0 0;overflow-wrap:anywhere}
.account-freshness{display:flex;gap:12px 45px;flex-wrap:wrap;margin:20px 0 0}
.account-freshness dd{font:400 12px/1.5 var(--f-mono);color:var(--text-primary);margin:5px 0 0;overflow-wrap:anywhere}
.account-footnote{max-width:105ch;border-top:1px solid var(--border-divider);margin:23px 0 0;padding-top:18px}
@media(max-width:900px){.account-heading{align-items:start;flex-direction:column}.account-heading>p{max-width:70ch}}
@media(max-width:700px){.account-input-row{grid-template-columns:1fr 1fr}.account-input-row input{grid-column:1/-1}.account-values{grid-template-columns:1fr}.account-values div,.account-values div:first-child,.account-values div:last-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--border-divider)}.account-values div:last-child{border-bottom:0}.account-values dd{margin-top:7px}}
@media(max-width:380px){.account-input-row{grid-template-columns:1fr}.account-input-row input{grid-column:auto}}