.login-shell { width: min(100%, 25rem); }
.login-brand { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-6); }
.login-brand .brand-mark { width: 2.75rem; height: 2.75rem; }
.login-brand .brand-logo { width: 3.5rem; height: 3.5rem; }
.login-brand-title { margin: 0; font-size: var(--text-lg); font-weight: 750; }
.login-brand-subtitle { margin: .125rem 0 0; color: var(--color-text-secondary); font-size: var(--text-sm); }
.login-card { padding: var(--space-6); }
.login-card h1 { margin-bottom: var(--space-2); font-size: var(--text-2xl); }
.login-card > p { color: var(--color-text-secondary); }
.login-form { display: grid; gap: var(--space-4); margin-top: var(--space-5); }
@media (max-width: 479px) { .login-card { padding: var(--space-5) var(--space-4); } }