@media (max-width: 768px) {
    header { flex-direction: column; text-align: center; }
    .header-text { text-align: center; margin-top: 10px; }
    
    /* Heading ko mobile par bold dikhane ke liye */
    .card h3 { 
        font-weight: bold !important; 
        font-size: 18px; 
    }
    
    .form-group { grid-template-columns: 100%; }
    
    /* Labels ko bhi bold karne ke liye (Optional) */
    .label-box {
        font-weight: bold;
        margin-bottom: 5px;
    }
}