@media (min-width:1921px){

    .container{

        width: min(85%,1650px);

    }

    section{

        padding: 140px 0;

    }

    .navbar-container{

        height: 90px;

    }

    .nav-links{

        gap: 48px;

    }

    .logo{

        font-size: 1.7rem;

    }

    .hero{

        min-height: 100vh;

        padding: 180px 0 120px;

    }

    .hero-container{

        gap: 140px;

    }

    .hero-title{

        font-size: 1.4rem;

    }

    .hero-name{

        font-size: clamp(5rem,5vw,7rem);

    }

    .hero-description{

        max-width: 760px;

        font-size: 1.18rem;

    }

    .hero-image{

        width: 560px;

        height: 560px;

    }

    .hero-image img{

        width: 470px;

    }

    .hero-glow{

        filter: blur(40px);

    }

    .floating-icon{

        width: 82px;

        height: 82px;

        font-size: 2rem;

    }

    .hero-stats{

        gap: 28px;

    }

    .stat-card{

        min-width: 190px;

        padding: 30px;

    }

    .stat-card h3{

        font-size: 2.4rem;

    }

    .about-container{

        grid-template-columns: .9fr 1.1fr;

        gap: 120px;

    }

    .about-image img{

        width: 430px;

    }

    .about-content{

        gap: 30px;

    }

    .about-content h2{

        font-size: 3.4rem;

    }

    .about-content p{

        font-size: 1.08rem;

    }

    .timeline{

        max-width: 1350px;

    }

    .timeline-card{

        padding: 40px;

    }

    .skills-grid{

        grid-template-columns: repeat(4,1fr);

        gap: 35px;

    }

    .projects-grid{

        grid-template-columns: repeat(3,1fr);

        gap: 40px;

    }

    .project-image{

        height: 280px;

    }

    .project-content{

        padding: 35px;

    }

    .featured{

        transform: scale(1.04);

    }

    .featured:hover{

        transform: translateY(-14px) scale(1.04);

    }

    .certificates-grid{

        grid-template-columns: repeat(4,1fr);

        gap: 35px;

    }

    .certificate-image{

        height: 260px;

    }

    .contact-grid{

        grid-template-columns: repeat(5,1fr);

        gap: 35px;

    }

    .footer-content{

        gap: 140px;

    }

    .footer-brand h2{

        font-size: 2.3rem;

    }

    .footer-brand p{

        max-width: 650px;

    }

    .modal-content{

        max-width: 1400px;

    }

}