/* رسپانسیو برای تبلت */
@media (max-width: 768px) {
    .nav {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }
    
    .nav-links {
        gap: 1rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .main-container {
        padding: 0 1rem;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .section-title {
        font-size: 1.8rem;
    }
    
    .theory-grid,
    .modern-analysis,
    .risk-grid,
    .iran-analysis,
    .solutions-grid {
        grid-template-columns: 1fr;
    }
    
    .timeline-item {
        flex-direction: column;
        gap: 1rem;
    }
    
    .timeline-period {
        min-width: auto;
    }
    
    .dark-section {
        margin: 0 -1rem;
        padding: 3rem 1rem;
    }
}

/* رسپانسیو برای موبایل */
@media (max-width: 480px) {
    .hero-section {
        padding: 4rem 0;
    }
    
    .hero-title {
        font-size: 1.6rem;
    }
    
    .content-section {
        padding: 3rem 0;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
    
    .theory-card,
    .analysis-item,
    .risk-category,
    .iran-card,
    .solution-card {
        padding: 1.5rem;
    }
    
    .nav-links a {
        padding: 0.5rem;
        font-size: 0.9rem;
    }
}

/* انیمیشن‌ها */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.content-section {
    animation: fadeInUp 0.8s ease-out;
}

.theory-card,
.analysis-item,
.risk-category,
.solution-card {
    animation: fadeInUp 0.6s ease-out;
}