/* login style */
.login-card { 
    border: none; 
    border-radius: 12px; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.05); 
    width: 300px; /* Ukuran Mini */
    background: white;
    overflow: hidden;
}
.card-header {
    background: #2c3e50;
    color: white;
    text-align: center;
    padding: 20px 15px;
    border: none;
}
.logo-placeholder { width: 50px; margin-bottom: 10px; }
.card-header h6 { font-weight: 700; margin: 0; letter-spacing: 0.5px; }
    
.form-label { font-size: 0.7rem; font-weight: 700; color: #64748b; text-transform: uppercase; }
.form-control { font-size: 0.85rem; padding: 8px 12px; border-radius: 6px; }

.btn-login { 
    background: #2c3e50; border: none; font-size: 0.85rem; font-weight: 700;
    padding: 10px; border-radius: 6px; transition: 0.3s;
}
.btn-login:hover { background: #1a252f; transform: translateY(-1px); }
.card-footer { 
    font-size: 0.65rem; 
    color: #94a3b8; 
    border: none; 
    background: white; 
    padding-bottom: 20px; 
}