/* =========================================================
   indumkm.css - Gaya Visual Landing Page UMKM RW 023
   ========================================================= */

:root { 
    --primary-color: #e74a3b; 
}

body { 
    background: linear-gradient(135deg, #f5f7fa 0%, #e4eff9 100%); 
    min-height: 100vh; 
    font-family: 'Segoe UI', sans-serif; 
}

.login-container { 
    max-width: 500px; 
    margin: 50px auto; 
}

.card { 
    border: none; 
    border-radius: 15px; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
}

.card-header { 
    background: white; 
    border-bottom: 1px solid #eee; 
    position: relative; 
}

.card-header::after { 
    content: ''; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height: 3px; 
    background: var(--primary-color); 
}

.btn-primary { 
    background: linear-gradient(135deg, #e74a3b, #be2617); 
    border: none; 
}

/* Penyesuaian agar hover tombol terasa interaktif */
.btn-primary:hover {
    background: linear-gradient(135deg, #be2617, #9e1b0e);
    opacity: 0.95;
}