.account-page { padding-top: 104px; }
.account-shell { width: min(480px, 100%); margin: 0 auto; }
.account-card { padding: clamp(24px, 5vw, 42px); text-align: center; }
.account-card__icon { font-size: 3rem; margin-bottom: 8px; }
.account-title { font: 700 clamp(1.7rem, 6vw, 2.4rem)/1.1 var(--font-mono); margin: 8px 0 10px; }
.account-subtitle { color: var(--color-text-secondary); font-size: .95rem; }
.account-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 26px 0 22px; padding: 5px; border-radius: 14px; background: rgba(255,255,255,.06); }
.account-tabs button { padding: 10px; border-radius: 10px; color: var(--color-text-secondary); font-weight: 800; }
.account-tabs button.is-active { color: #211800; background: var(--economy-gold); }
.account-form { display: grid; gap: 14px; text-align: left; }
.account-form label { display: block; margin-bottom: 6px; color: var(--color-text-secondary); font-size: .85rem; font-weight: 700; }
.account-form input { width: 100%; padding: 12px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(0,0,0,.25); color: white; font: inherit; }
.account-form input:focus { border-color: var(--color-accent); outline: none; box-shadow: 0 0 0 3px rgba(6,182,212,.15); }
.account-form input::placeholder { color: var(--color-text-muted); }
.account-field-error { display: block; min-height: 0; margin-top: 4px; color: var(--economy-danger); font-size: .78rem; }
.account-submit { width: 100%; margin-top: 4px; }
.account-submit:disabled { opacity: .55; cursor: wait; }
.account-status { min-height: 24px; margin: 0; color: var(--color-text-secondary); font-size: .88rem; text-align: center; }
.account-status--success { color: var(--economy-green); }
.account-status--error { color: var(--economy-danger); }
.account-note { margin-top: 22px; color: var(--color-text-muted); font-size: .78rem; line-height: 1.5; }
@media (max-width: 600px) { .account-page { padding: 92px 12px 32px; } .account-card { border-radius: 18px; } }