.login-body { min-height: 100vh; background: radial-gradient(circle at 50% 0, #16345d 0, #0b1423 48%, #070b12 100%); }
.account-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.account-card { width: min(430px, 100%); padding: 28px; border: 1px solid #2a405d; border-radius: 20px; background: rgba(13, 23, 38, .96); box-shadow: 0 24px 70px rgba(0,0,0,.45); color: #e8f1ff; }
.account-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; }
.account-brand img { width: 44px; height: 44px; border-radius: 13px; }
.account-brand strong { display: block; font-size: 18px; }
.account-brand span { display: block; margin-top: 3px; color: #8194ad; font-size: 12px; }
.account-card h1 { margin: 0 0 6px; font-size: 24px; }
.account-card p { margin: 0 0 20px; color: #91a3ba; font-size: 13px; line-height: 1.65; }
.account-card form { display: grid; gap: 9px; }
.account-card label { margin-top: 5px; color: #b4c2d5; font-size: 12px; font-weight: 800; }
.account-card input { min-height: 46px; padding: 0 13px; border: 1px solid #314863; border-radius: 11px; background: #0a1422; color: #eef5ff; font-size: 15px; }
.account-card form .btn { width: 100%; min-height: 46px; margin-top: 13px; }
.account-error { margin-top: 14px; padding: 10px 12px; border-radius: 10px; background: rgba(180,40,55,.2); color: #ffacb8; font-size: 13px; }
.account-team-list { display: grid; gap: 10px; margin-top: 18px; }
.account-team { width: 100%; padding: 14px; border: 1px solid #335278; border-radius: 13px; background: #101f34; color: #e9f3ff; text-align: left; cursor: pointer; }
.account-team:hover { border-color: #4f8de0; background: #142844; }
.account-team strong { display: block; font-size: 15px; }
.account-team span { display: block; margin-top: 5px; color: #91a7c4; font-size: 12px; }

.login-help { margin: 8px 0 12px; text-align: right; font-size: 13px; }
.login-help a { color: #8fbcff; font-weight: 700; }