/* Responsive Styles */
@media (max-width: 768px) {
    header {
        padding: 15px 20px;
    }
    
    .dashboard-header {
        padding: 15px 20px;
    }
    
    .navigation a {
        margin-left: 15px;
        font-size: 0.9em;
    }
    
    .navigation .btnLogin-popup {
        width: 80px;
        height: 35px;
        margin-left: 15px;
        font-size: 0.85em;
    }
    
    .hero-section {
        flex-direction: column;
        text-align: center;
    }
    
    .hero-content {
        text-align: center;
    }
    
    .hero-content h1 {
        font-size: 2em;
    }
    
    .wrapper {
        width: 90%;
    }
    
    .legal-wrapper {
        width: 95%;
    }
    
    .legal-form-box {
        padding: 30px 25px;
    }
    
    .legal-form-box h2 {
        font-size: 1.5em;
    }
    
    .video-header h2 {
        font-size: 2em;
    }
    
    .video-header p {
        font-size: 1em;
    }
    
    .features-grid {
        gap: 20px;
    }
    
    .feature-card {
        padding: 25px 20px;
    }
    
    .feature-card h3 {
        font-size: 1.3em;
    }
    
    .footer-inner {
        padding: 40px 0 20px 0;
    }
    
    .footer-grid {
        gap: 30px;
        text-align: center;
    }
    
    .footer-col {
        text-align: center;
    }
    
    .social-links {
        justify-content: center;
    }
    
    .contact-info li {
        justify-content: center;
    }
    
    .footer-badges {
        justify-content: center;
    }
}