/* ========== RESPONSIVE BREAKPOINT STYLES ========== */

@media (max-width: 1024px) {
    .about-grid { gap: 3rem; }
    .contact-grid { gap: 2.5rem; }
    .projects-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .nav-links { display: none; }
    .hamburger { display: flex; }

    .about-grid,
    .contact-grid,
    .edu-grid { grid-template-columns: 1fr; gap: 2rem; }

    .projects-grid { grid-template-columns: 1fr; }
    .form-row { grid-template-columns: 1fr; }
    .about-info-grid { grid-template-columns: 1fr; }

    section { padding: 5rem 1.25rem; }

    .hero-avatar { width: 110px; height: 110px; }
    .hero-name { font-size: 2.2rem; }

    .skills-grid { grid-template-columns: repeat(3, 1fr); }

    .progress-bars-section > div {
        grid-template-columns: 1fr !important;
    }

    .about-stats { grid-template-columns: repeat(3, 1fr); }

    .timeline { padding-left: 1.5rem; }
    .timeline-item { padding-left: 1.5rem; }
}

@media (max-width: 480px) {
    .hero-buttons { flex-direction: column; align-items: center; }
    .skills-grid { grid-template-columns: repeat(2, 1fr); }
    .about-stats { grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
    .stat-number { font-size: 1.4rem; }
    .section-title { font-size: 1.8rem; }
    .contact-form { padding: 1.5rem; }
    .about-card { padding: 2rem 1.5rem; }
    nav { padding: 1rem; }
}