[hidden] { display:none!important; }
.account-header { padding:22px max(24px,calc((100vw - 1160px)/2)); display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); background:white; }
.account-header img { width:175px; }
.account-header nav { display:flex; flex-wrap:wrap; gap:24px; }
.account-header a { text-decoration:none; font-size:.95rem; }
.account-shell { max-width:1160px; margin:0 auto; padding:70px 24px 90px; min-height:70vh; }
.account-shell h1 { font:500 clamp(2.6rem,5vw,4rem)/1.08 var(--serif); letter-spacing:-.03em; margin:12px 0 24px; }
.account-shell h2 { font-size:1.4rem; line-height:1.3; }
.account-shell p { max-width:700px; }
.account-shell .eyebrow { font-size:.875rem; }
.account-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:36px; align-items:start; margin-top:32px; }
.account-panel { background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:30px; }
.account-panel.featured { border-top:5px solid var(--gold); }
.account-panel h2:first-child { margin-top:0; }
.account-form { display:grid; gap:18px; }
.account-form label { display:grid; gap:7px; font-size:1rem; font-weight:650; }
.account-form input { width:100%; min-width:0; font:inherit; padding:12px 14px; border:1px solid #9bad9f; border-radius:9px; background:white; color:var(--ink); }
.account-form input:focus-visible,.account-shell button:focus-visible { outline:3px solid #e3a12d; outline-offset:3px; }
.account-form .checkbox { display:flex; align-items:start; font-weight:400; }
.account-form .checkbox input { width:20px; margin:5px 5px 0 0; }
.account-form button { justify-self:start; }
.account-shell .button:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.account-note { font-size:.9rem; color:var(--muted); }
.account-notice { padding:15px 20px; background:#fff4db; border-left:4px solid var(--gold); border-radius:6px; margin:20px 0; overflow-wrap:anywhere; }
.account-notice.error { background:#fff0ec; border-color:#ac4031; }
.account-features { list-style:none; padding:0; }
.account-features li { padding:13px 0; border-bottom:1px solid var(--line); }
.account-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.license-card { margin:24px 0; }
.license-key { display:block; overflow-wrap:anywhere; padding:16px; margin:14px 0; background:var(--green-50); border:1px solid var(--line); border-radius:10px; font:1rem ui-monospace,monospace; }
.computer-row { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--line); padding:14px 0; }
.account-table-wrap { overflow-x:auto; }
.account-table { width:100%; border-collapse:collapse; font-size:.9rem; }
.account-table td,.account-table th { text-align:left; padding:12px; border-bottom:1px solid var(--line); }
.account-shell small { font-size:.875rem; }
.account-shell button { font:inherit; }
.account-shell .muted-button { border:1px solid var(--line); border-radius:8px; background:white; padding:8px 12px; cursor:pointer; }
.account-footer { max-width:1160px; margin:auto; padding:26px 24px; border-top:1px solid var(--line); font-size:.9rem; color:var(--muted); }
.account-footer nav { display:flex; flex-wrap:wrap; gap:20px; margin:14px 0; }
@media(max-width:760px) { .account-grid { grid-template-columns:1fr; } .account-header { flex-direction:column; align-items:flex-start; } .account-header nav { gap:16px; } .account-shell { padding-top:40px; } .account-panel { padding:22px; } .computer-row { flex-wrap:wrap; } }