.account-header { display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:1100px; margin:auto; padding:28px 32px; }
.account-main { max-width:760px; margin:auto; }
.account-main h1 { margin:10px 0; font-size:clamp(40px,7vw,64px); }
.account-card { background:var(--surface); border:1px solid var(--line); border-radius:24px; padding:32px; box-shadow:0 12px 48px #04152f08; margin-top:24px; }
.account-card h2 { margin-top:0; color:var(--ink); font-family:var(--display); }
.account-card p { line-height:1.65; }
.account-card form { display:grid; gap:20px; }
.account-card .button { justify-content:center; margin-top:8px; text-decoration:none; }
.account-links { display:flex; justify-content:space-between; gap:16px; margin:20px 0; flex-wrap:wrap; }
.text-button { border:0; padding:10px 0; background:none; color:var(--text); text-decoration:underline; text-underline-offset:4px; }
.account-status { line-height:1.6; padding:0 8px; }
.account-status[data-error="true"] { color:var(--error); }
.account-card button:disabled { opacity:.6; cursor:wait; }
#logout-button { display:block; margin-top:20px; }
@media (max-width:600px) { .account-header { padding:20px; } .account-header .brand { font-size:24px; } .account-header .brand img { width:56px; } .account-main { padding:16px 20px 48px; } .account-card { padding:24px; } }