/* Auth pages (login/register/forgot-password) — split-screen premium layout. Built on panel.css tokens. */

body.kt-auth {
    min-height: 100vh;
    display: flex;
    align-items: stretch;
    background: var(--bg);
    color: var(--text);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    overflow-x: hidden;
}

body.kt-auth h1, body.kt-auth h2, body.kt-auth h3, body.kt-auth h4 {
    font-family: inherit;
    color: var(--text);
}

.kt-auth-wrap { display: flex; width: 100%; min-height: 100vh; }

.kt-auth-brand-panel {
    flex: 1.1;
    position: relative;
    display: flex; flex-direction: column; justify-content: center;
    padding: 60px;
    overflow: hidden;
    background: radial-gradient(circle at 20% 20%, rgba(59,130,246,0.25), transparent 55%),
                radial-gradient(circle at 80% 80%, rgba(16,185,129,0.18), transparent 50%),
                linear-gradient(160deg, #0B1120 0%, #101a33 100%);
}

.kt-auth-blob {
    position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.35;
    animation: kt-blob-float 12s ease-in-out infinite;
}
.kt-auth-blob.b1 { width: 320px; height: 320px; background: var(--primary); top: -80px; left: -80px; }
.kt-auth-blob.b2 { width: 260px; height: 260px; background: var(--success); bottom: -60px; right: -40px; animation-delay: -6s; }
@keyframes kt-blob-float { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(30px, -20px) scale(1.08); } }

.kt-auth-brand-content { position: relative; z-index: 2; max-width: 460px; }
.kt-auth-brand-content img { width: 248px; margin-bottom: 28px; }
.kt-auth-brand-content h1 { font-size: 32px; font-weight: 800; line-height: 1.25; margin-bottom: 16px; }
.kt-auth-brand-content p { color: var(--text-muted); font-size: 15px; line-height: 1.7; }
.kt-auth-stats { display: flex; gap: 28px; margin-top: 40px; }
.kt-auth-stats div strong { display: block; font-size: 22px; font-weight: 800; }
.kt-auth-stats div span { font-size: 12.5px; color: var(--text-muted); }

.kt-auth-form-panel {
    flex: 1; display: flex; align-items: center; justify-content: center; padding: 40px 32px;
    background: var(--bg);
}
.kt-auth-card { width: 100%; max-width: 420px; }
.kt-auth-card .kt-auth-logo-mobile { display: none; text-align: center; margin-bottom: 24px; }
.kt-auth-card .kt-auth-logo-mobile img { width: 250px; }
.kt-auth-card h2 { font-size: 25px; font-weight: 800; margin-bottom: 6px; }
.kt-auth-card p.kt-auth-sub { color: var(--text-muted); font-size: 14px; margin-bottom: 30px; }

.kt-auth-steps { display: flex; align-items: center; gap: 8px; margin-bottom: 28px; }
.kt-auth-step-dot {
    flex: 1; height: 4px; border-radius: 4px; background: var(--border); transition: var(--transition);
}
.kt-auth-step-dot.active, .kt-auth-step-dot.done { background: var(--primary); }

.kt-form-check { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: var(--text-muted); margin: 4px 0 22px; }
.kt-form-check input { margin-top: 3px; accent-color: var(--primary); }
.kt-form-check a { color: var(--primary); font-weight: 600; }

.kt-auth-footer-link { text-align: center; margin-top: 24px; font-size: 13.5px; color: var(--text-muted); }
.kt-auth-footer-link a { color: var(--primary); font-weight: 700; }

.kt-toggle-password { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: var(--text-muted); cursor: pointer; background: none; border: none; }

.kt-sponsor-preview {
    display: none; align-items: center; gap: 10px; padding: 10px 14px; margin-top: -10px; margin-bottom: 18px;
    background: rgba(16, 185, 129, 0.08); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 12px; font-size: 13px;
}
.kt-sponsor-preview.show { display: flex; }
.kt-sponsor-preview i { color: var(--success); }

@media (max-width: 992px) {
    .kt-auth-brand-panel { display: none; }
    .kt-auth-card .kt-auth-logo-mobile { display: block; }
}