/* Responsive Styles */

@media (max-width: 768px) {
    .nav-links {
        display: none;
    }
    
    .mobile-menu-button {
        display: block;
    }
    
    .hero-title {
        font-size: 2.5rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .features-grid,
    .info-grid,
    .team-grid,
    .admin-grid {
        grid-template-columns: 1fr;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .user-panel {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    .delegate-info {
        justify-content: center;
    }
    
    .content {
        padding: 1rem 0;
    }
    
    .admin-container,
    .about-container,
    .info-container {
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .nav-content {
        padding: 0 1rem;
    }
    
    .user-panel {
        padding: 1rem;
    }
    
    .card, .admin-card, .info-section, .mission-section, .team-section, .history-section {
        padding: 1.5rem;
    }
    
    .hero-section {
        padding: 2rem 1rem;
    }
    
    .features-section {
        padding: 2rem 1rem;
    }
    
    .about-hero {
        padding: 2rem 1rem;
    }
    
    .about-hero h1 {
        font-size: 2rem;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .info-title {
        font-size: 2rem;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
}