.account-page { margin:0; min-height:100vh; display:grid; place-items:center; background:#f6f5f2; color:#242320; font-family:system-ui,"Microsoft YaHei",sans-serif; }
.account-card { width:min(400px,calc(100vw - 72px)); margin:36px 0; padding:36px; background:#fff; border:1px solid #e7e4df; border-radius:22px; box-shadow:0 16px 60px #3027130a; }
.account-brand { display:flex; gap:14px; align-items:center; text-decoration:none; color:#e86d35; font-size:36px; font-weight:800; }
.account-brand span { display:flex; flex-direction:column; font-size:20px; color:#262521; }
.account-brand small { margin-top:4px; font-size:11px; font-weight:400; color:#89847b; }
.account-kicker { margin:38px 0 10px; color:#dc713c; font-size:11px; font-weight:700; letter-spacing:2px; }
.account-card h1 { margin:0 0 12px; font-size:28px; letter-spacing:-1px; }
.account-description { margin-bottom:28px; font-size:13px; line-height:1.7; color:#827d73; }
.account-card label { display:block; margin:20px 0 9px; font-size:13px; font-weight:600; }
.account-card input { box-sizing:border-box; width:100%; padding:14px; border:1px solid #dedbd5; border-radius:10px; font:inherit; font-size:14px; outline:none; }
.account-card input:focus { border-color:#e67642; box-shadow:0 0 0 3px #e6764214; }
.account-submit { width:100%; margin-top:26px; padding:15px; border:0; border-radius:10px; background:#e6753c; color:#fff; font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.account-submit:hover { background:#d96832; }
.account-switch { margin:22px 0; text-align:center; font-size:13px; color:#827d73; }
.account-switch a { color:#d96730; text-decoration:none; font-weight:600; }
.account-note { margin:30px 0 0; padding-top:22px; border-top:1px solid #efede8; color:#989187; font-size:11px; line-height:1.9; text-align:center; }
.account-error { font-size:12px; color:#b53f2e; background:#fff2ee; padding:12px; border-radius:8px; }
.account-email { color:#827d73; font-size:12px; max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.public-site .topbar { height:auto; min-height:80px; flex-wrap:wrap; gap:12px; padding-top:12px; padding-bottom:12px; }
.public-site .top-actions { flex-wrap:wrap; justify-content:flex-end; }
@media(max-width:700px) { .account-email { max-width:100px; } .account-card { padding:24px; } }
@media(max-width:650px) { .public-site .top-actions { width:100%; justify-content:flex-start; gap:8px; } }