@media(max-width:1024px){.hero-grid{gap:40px}.about-grid,.contact-grid{gap:45px}.projects-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(100% - 28px,var(--container))}.section{padding:85px 0}.menu-toggle{display:block;margin-left:auto}.nav-menu{position:absolute;top:72px;left:14px;right:14px;display:none;flex-direction:column;gap:0;background:#111522;border:1px solid var(--border);border-radius:14px;padding:8px}.nav-menu.open{display:flex}.nav-menu a{padding:12px}.nav-admin{display:none}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:110px}.hero-visual{order:-1;max-width:600px}.hero h1{letter-spacing:-2px}.code-card{transform:none}.heading-row{align-items:start;flex-direction:column}.about-grid{gap:50px}.profile-wrap{margin:auto;width:min(100%,360px)}.skills-grid{grid-template-columns:1fr}.contact-links{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.experience-badge{right:-5px}.footer-inner{gap:15px;flex-direction:column}}
@media(max-width:640px){.hero-actions .btn{width:100%}.hero-socials{gap:13px;flex-wrap:wrap}.section-heading h2{font-size:31px}.about-stats{grid-template-columns:1fr}.contact-links{grid-template-columns:1fr}.contact-form{padding:20px}.code-card pre{font-size:11px;padding:20px}.nav-inner{height:64px}}
