/* ═══════════════════════════════════════════════
   DocMarocSAAS — Auth Pages (Login / Register)
═══════════════════════════════════════════════ */

.auth-wrap {
    min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
    background: var(--navy);
    position: relative; overflow: hidden;
}

/* Decorative background */
.auth-wrap::before {
    content: '';
    position: absolute; top: -30%; right: -20%;
    width: 600px; height: 600px;
    background: radial-gradient(circle, var(--gold-dim) 0%, transparent 70%);
    filter: blur(80px); pointer-events: none;
}
.auth-wrap::after {
    content: '';
    position: absolute; bottom: -20%; left: -15%;
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(26, 58, 110, 0.3) 0%, transparent 70%);
    filter: blur(60px); pointer-events: none;
}

.auth-card {
    width: 100%; max-width: 440px; padding: 44px 40px;
    background: var(--surface-card);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    backdrop-filter: blur(20px);
    box-shadow: var(--shadow-lg);
    position: relative; z-index: 2;
}

.auth-logo {
    display: flex; align-items: center; gap: 14px;
    margin-bottom: 32px;
}
.auth-logo-icon {
    width: 48px; height: 48px; border-radius: var(--r-md);
    background: linear-gradient(135deg, var(--gold), var(--gold-light));
    display: flex; align-items: center; justify-content: center;
    font-family: var(--font-display); font-weight: 900;
    color: var(--navy); font-size: 1.5rem;
    box-shadow: var(--shadow-gold);
}
.auth-logo-text { font-family: var(--font-display); font-size: 1.6rem; font-weight: 700; }
.auth-logo-text span { color: var(--gold); }

.auth-title {
    font-family: var(--font-display); font-size: 1.5rem;
    margin-bottom: 6px;
}
.auth-subtitle {
    font-size: 0.88rem; color: var(--muted); margin-bottom: 28px;
}

.auth-form .form-group { margin-bottom: 20px; }
.auth-form .form-control { padding: 13px 18px; font-size: 0.92rem; }

.auth-form .btn-primary {
    width: 100%; padding: 14px; font-size: 0.95rem;
    margin-top: 8px;
}

.auth-divider {
    display: flex; align-items: center; gap: 16px;
    color: var(--muted); font-size: 0.78rem; margin: 24px 0;
}
.auth-divider::before, .auth-divider::after {
    content: ''; flex: 1; height: 1px; background: var(--border);
}

.auth-footer {
    text-align: center; margin-top: 24px;
    font-size: 0.85rem; color: var(--muted);
}
.auth-footer a { color: var(--gold); font-weight: 600; }

.auth-features {
    margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--border);
}
.auth-feature {
    display: flex; align-items: center; gap: 10px;
    font-size: 0.82rem; color: var(--muted); margin-bottom: 10px;
}
.auth-feature-icon { color: var(--gold); font-size: 1rem; }