/* VM Design System - Auth Pattern (Package Copy) */
/* Updated 2025-10-02: Adjusted vertical positioning per UI feedback */
.auth-page { min-height: 100vh; display: flex; align-items: flex-start; justify-content: center; padding: var(--space-lg); padding-top: 15vh; }
.auth-card, .login-container { background: var(--vm-surface-card-bg, var(--vm-white)); border: 1px solid var(--vm-surface-card-border, var(--vm-gray-200)); border-radius: var(--radius-2xl); box-shadow: var(--shadow-2xl); width: 100%; max-width: 560px; padding: var(--space-2xl); }
.auth-logo { width: 120px; height: auto; filter: brightness(0) invert(0); opacity: 0.95; }
[data-theme="dark"] .auth-logo { filter: brightness(0) invert(1); }
.auth-title { color: var(--vm-red); font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 800; letter-spacing: var(--vm-typography-letter-spacing-tight); margin-bottom: var(--space-xs); text-align: center; }
.auth-subtitle { color: var(--vm-gray-600); font-size: var(--vm-typography-font-size-sm); text-align: center; }
.auth-actions .btn, .login-container .btn { width: 100%; justify-content: center; }
.auth-form .form-group { margin-bottom: var(--space-lg); }