/* PlayerProfiles – login-layout.css */
.login-body { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.login-card { width: 100%; max-width: 380px; padding: 2rem; box-shadow: inset 0 1px 0 var(--surface-hi), var(--shadow-lg); animation: pp-pop .35s cubic-bezier(.2,.8,.3,1.1) both; }
.login-header { text-align: center; margin-bottom: 1.75rem; }
.login-logo-img { width: 140px; height: auto; margin-bottom: .75rem; object-fit: contain; }
@media (max-width: 768px) { .login-logo-img { width: 90px; } }
@media (max-width: 480px) { .login-logo-img { width: 70px; } }
.login-tagline { font-size: .85rem; color: var(--text-muted); margin-top: .35rem; }

/* Team logo on login */
.login-team-logo { max-height: 60px; width: auto; margin-top: .75rem; }

/* Login header refresh */
.login-header   { display: flex; flex-direction: column; align-items: center; gap: .6rem; margin-bottom: 1.25rem; }
.login-wordmark { font-size: 1.5rem; font-weight: 800; color: var(--text); letter-spacing: -.02em; }
.login-wordmark .accent { color: var(--accent); }
.login-team-logo { max-height: 72px; width: auto; margin-top: 0; }