.account-header { max-width: 1120px; margin: auto; padding: 28px 24px; display: flex; justify-content: space-between; align-items: center; }
.account-header a { color: var(--muted); font-size: 13px; }
.account-header .mx-brand { color: var(--ink); }
.account-main { width: min(440px, calc(100% - 40px)); margin: 48px auto 72px; }
.account-card { border: 1px solid var(--line); border-radius: 20px; padding: 32px; background: var(--bg-2); }
.account-card h1 { font-size: 30px; letter-spacing: -.04em; line-height: 1.3; margin: 0 0 12px; }
.account-sub { font-size: 14px; line-height: 1.7; color: var(--muted); margin: 0 0 28px; }
.account-free { padding: 12px 16px; border-radius: 12px; background: rgba(142,200,255,.07); color: var(--accent); font-size: 12px; line-height: 1.7; margin-bottom: 24px; }
.account-card label { display: block; margin: 20px 0 8px; font-size: 13px; }
.account-card input { width: 100%; border: 1px solid var(--line-strong); border-radius: 10px; padding: 12px 14px; background: var(--paper); font-size: 15px; }
.account-password { position: relative; }
.account-password input { padding-right: 68px; }
.account-password button { position: absolute; right: 8px; top: 6px; bottom: 6px; border: 0; background: transparent; color: var(--muted); font-size: 12px; padding: 0 8px; cursor: pointer; }
.account-hint { color: var(--muted); font-size: 12px; line-height: 1.7; margin: 8px 0 0; }
.account-card .mx-btn { width: 100%; margin-top: 24px; height: 46px; }
.account-card button:disabled { opacity: .6; cursor: wait; }
.account-message { color: #ffb7a6; font-size: 13px; line-height: 1.7; margin: 14px 0 0; }
.account-message:empty { display: none; }
.account-switch { font-size: 13px; color: var(--muted); margin: 24px 0 0; text-align: center; }
.account-switch a { color: var(--accent); margin-left: 6px; }
@media(max-width:480px) { .account-main { margin-top: 20px; } .account-card { padding: 26px 22px; } }