/* Login Page */
.mf-login-page { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; padding: var(--mf-space-lg); z-index: 1; }
.login-bg { position: absolute; inset: 0; background: linear-gradient(135deg, #0a0a0a 0%, #1a0a0a 50%, #0a0a1a 100%); z-index: -1; }
.login-bg::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 30% 50%, rgba(229,9,20,0.08) 0%, transparent 60%); }
.login-card { width: 100%; max-width: 420px; padding: var(--mf-space-2xl); border-radius: var(--mf-radius-2xl); text-align: center; }
.login-logo { display: flex; align-items: center; justify-content: center; gap: var(--mf-space-sm); margin-bottom: var(--mf-space-lg); }
.login-logo span { font-size: var(--mf-font-size-2xl); font-weight: var(--mf-font-weight-extrabold); color: var(--mf-red); }
.login-card h2 { margin-bottom: var(--mf-space-xs); }
.login-card > p { margin-bottom: var(--mf-space-xl); }
.form-group { text-align: left; margin-bottom: var(--mf-space-md); }
.form-group label { display: block; font-size: var(--mf-font-size-sm); font-weight: var(--mf-font-weight-medium); margin-bottom: var(--mf-space-xxs); color: var(--mf-text-secondary); }
.form-group input { width: 100%; padding: var(--mf-space-sm) var(--mf-space-md); background: var(--mf-bg-input); border: 1px solid var(--mf-border); border-radius: var(--mf-radius-md); color: var(--mf-text); font-size: var(--mf-font-size-base); transition: border-color var(--mf-transition-fast); }
.form-group input:focus { border-color: var(--mf-red); outline: none; }
.form-error { background: rgba(229,9,20,0.1); color: var(--mf-red); padding: var(--mf-space-sm); border-radius: var(--mf-radius-sm); margin-bottom: var(--mf-space-md); font-size: var(--mf-font-size-sm); }
.form-success { background: rgba(70,211,105,0.1); color: var(--mf-success); padding: var(--mf-space-sm); border-radius: var(--mf-radius-sm); margin-bottom: var(--mf-space-md); font-size: var(--mf-font-size-sm); }
.login-footer { margin-top: var(--mf-space-lg); display: flex; align-items: center; justify-content: center; gap: var(--mf-space-sm); }