.mobile-menu-button{color:var(--text-light);cursor:pointer;z-index:1001;background:0 0;border:none;padding:.5rem;font-size:1.5rem;display:none}@media (width<=1024px){.container{padding:0 2rem}.nav-links{background-color:var(--dark-light);z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%;height:100vh;padding:2rem;display:none;position:fixed;inset:0;overflow-y:auto}.nav-links li{opacity:0;transition:transform .4s,opacity .4s;transform:translateY(20px)}.nav-links.active{pointer-events:auto;z-index:1002;display:flex}.nav-links.active li{opacity:1;transform:translateY(0)}.nav-links.active li:first-child{transition-delay:.1s}.nav-links.active li:nth-child(2){transition-delay:.2s}.nav-links.active li:nth-child(3){transition-delay:.3s}.nav-links.active li:nth-child(4){transition-delay:.4s}.nav-links.active li:nth-child(5){transition-delay:.5s}.nav-links.active li:nth-child(6){transition-delay:.6s}.nav-links.active li:nth-child(7){transition-delay:.7s}.nav-links a{font-size:1.2rem}.mobile-menu-button{display:block}.hero{min-height:auto;padding:8rem 0 4rem}.hero-content{text-align:center;flex-direction:column-reverse;gap:3rem}.hero-text{max-width:100%}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-image .profile-img-container{width:220px;height:220px}.about-content{flex-direction:column;gap:3rem}.section-heading h2{font-size:2rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.skills-container,.contact-content{flex-direction:column;gap:2rem}.footer-content{text-align:center;flex-direction:column;gap:1.5rem}}@media (width<=480px){.container{padding:0 1rem}.hero-title{font-size:2rem}.hero-greeting{font-size:1rem}.hero-image .profile-img-container{width:180px;height:180px}.about-card{padding:1.5rem}}@media (width<=400px){:root{--h1-font-size:2.2rem;--h2-font-size:1.6rem;--h3-font-size:1.2rem;--p-font-size:.9rem}section{padding:40px 15px}.hero{min-height:auto;padding:80px 15px 40px}.hero-content h1{line-height:1.3}.hero-content .btn{padding:10px 18px;font-size:.9rem}.project-card{padding:1rem}.contact-form input,.contact-form textarea{padding:10px}}