/* ===== Responsive Design ===== */

/* Tablets and small desktops */
@media (max-width: 1024px) {
    .container {
        max-width: 90%;
    }
    
    .math-formula {
        font-size: 2rem;
    }
    
    .manifesto {
        font-size: 1.5rem;
    }
    
    .philosophy-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .contact-container {
        grid-template-columns: 1fr 1fr;
    }
}

/* Tablets */
@media (max-width: 768px) {
    .nav-container {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem 0;
    }
    
    .nav-links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }
    
    .math-formula {
        font-size: 1.8rem;
    }
    
    .manifesto {
        font-size: 1.4rem;
        letter-spacing: 1px;
    }
    
    .features {
        grid-template-columns: 1fr;
    }
    
    .philosophy-grid {
        grid-template-columns: 1fr;
    }
    
    .section {
        padding: 3rem 0;
    }
    
    .professional-manifesto {
        padding: 2rem 1rem;
    }
    
    .expertise-tags {
        gap: 0.5rem;
    }
    
    .expertise-tag {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
    }
    
    /* Мобильные стили для кнопок проектов */
    .project-link {
        padding: 0.8rem 1.5rem;
        font-size: 0.95rem;
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
    
    /* Уменьшаем анимацию на мобильных */
    .project-link:not(.disabled) {
        animation: pulse-glow-mobile 2s infinite;
    }
    
    @keyframes pulse-glow-mobile {
        0% {
            box-shadow: 0 3px 10px rgba(52, 152, 219, 0.3);
        }
        50% {
            box-shadow: 0 3px 15px rgba(52, 152, 219, 0.5);
        }
        100% {
            box-shadow: 0 3px 10px rgba(52, 152, 219, 0.3);
        }
    }
    
    /* Адаптивность для use-cases */
    .project-use-cases ul {
        padding-left: 1rem;
    }
    
    .project-use-cases li {
        padding-left: 1.2rem;
    }
    
    /* Контакты для мобильных */
    .contact-container {
        grid-template-columns: 1fr;
        gap: 2rem;
        width: 100%;
    }
    
    .contact-form-wrapper,
    .contact-info-wrapper {
        width: 100%;
        margin: 0 auto;
    }
    
    .contact-form {
        padding: 1.5rem;
    }
    
    .form-header, .info-header {
        padding: 1.2rem 1.5rem;
    }
    
    .form-group textarea {
        min-height: 120px;
    }
    
    .submit-btn {
        padding: 0.9rem 1.5rem;
        font-size: 1rem;
    }
    
    .contact-tips {
        padding: 1.2rem;
    }
    
    .tip {
        font-size: 0.85rem;
    }
}

/* Mobile phones */
@media (max-width: 480px) {
    .hero {
        padding: 3rem 1rem;
    }
    
    h1 {
        font-size: 2rem;
    }
    
    .math-formula {
        font-size: 1.5rem;
    }
    
    .manifesto {
        font-size: 1.2rem;
    }
    
    .project-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .project-card {
        padding: 1.5rem;
    }
    
    .about-content {
        padding: 1.5rem;
    }
    
    .hero-subtitle {
        font-size: 0.9rem;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
    
    .philosophy-grid {
        gap: 1rem;
    }
    
    .philosophy-card {
        padding: 1.5rem;
    }
    
    .project-highlights,
    .project-use-cases {
        padding: 0.8rem;
    }
    
    .highlight {
        font-size: 0.9rem;
    }
    
    .project-use-cases li {
        font-size: 0.85rem;
    }
    
    /* Контакты для маленьких экранов */
    .contact-form,
    .contact-tips {
        padding: 1rem;
    }
    
    .form-group input,
    .form-group textarea {
        padding: 0.8rem 1rem;
    }
    
    .submit-btn {
        padding: 0.8rem 1.2rem;
        font-size: 0.95rem;
    }
    
    .form-note {
        font-size: 0.8rem;
    }
}

/* Print styles */
@media print {
    .navbar,
    footer {
        display: none;
    }
    
    .hero {
        background: white !important;
        color: black !important;
        padding: 2rem 0;
    }
    
    .math-formula {
        color: black !important;
    }
    
    .project-card {
        box-shadow: none;
        border: 1px solid #ddd;
    }
    
    .professional-manifesto {
        border: 1px solid #ccc;
        box-shadow: none;
    }
    
    /* Скрываем кнопки при печати */
    .project-actions {
        display: none;
    }
    
    /* Скрываем форму контактов при печати */
    .contact-container {
        display: none;
    }
    
    /* Упрощаем подсветку для печати */
    .project-highlights {
        background: #f5f5f5 !important;
        border: 1px solid #ddd;
    }
}