.nav-toggle-btn{position:fixed;top:1.5rem;right:1.5rem;z-index:1001;background:rgba(37,99,235,.1);border:2px solid var(--primary-500);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.nav-toggle-btn:hover{background:rgba(37,99,235,.2);border-color:var(--primary-400);box-shadow:0 0 20px rgba(37,99,235,.3)}.hamburger{width:24px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:3px;width:100%;background:var(--primary-400);border-radius:2px;transition:all .3s ease}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.nav-overlay.open{opacity:1;visibility:visible}.side-nav{position:fixed;top:0;right:0;width:320px;height:100vh;background:linear-gradient(180deg,rgba(2,6,23,.98),rgba(15,23,42,.98));border-left:2px solid var(--primary-500);box-shadow:-10px 0 50px rgba(0,0,0,.5);z-index:1000;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;backdrop-filter:blur(20px)}.side-nav.open{transform:translateX(0)}.side-nav-items{padding:4rem 0 2rem;display:flex;flex-direction:column}.side-nav-link{color:white;text-decoration:none;font-size:1.125rem;padding:1rem 1.5rem;transition:all .3s ease;background:none;cursor:pointer;text-align:left;width:100%;position:relative;border:none;border-left:3px solid transparent}.side-nav-link:hover{background:rgba(37,99,235,.1);border-left-color:var(--primary-400);color:white}.side-nav-link.active{background:rgba(37,99,235,.15);border-left-color:var(--primary-500);color:var(--primary-600);font-weight:600}.side-nav-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:0;background:linear-gradient(90deg,var(--primary-500),transparent);transition:width .3s ease}.side-nav-link:hover:before{width:100%;height:100%}@media (max-width:768px){.side-nav{width:280px}.nav-toggle-btn{top:1rem;right:1rem}}@media (max-width:1200px){.about-container,.contact-container,.projects-section,.timeline-container{padding-left:1rem;padding-right:1rem}}body,main{padding-top:0}.footer{background:rgba(2,6,23,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:2px solid var(--primary-500);box-shadow:0 -4px 20px rgba(0,0,0,.5);padding:20px 1.5rem;text-align:center;width:100%;bottom:0;left:0;position:relative}.socials{display:flex;justify-content:center;gap:20px;max-width:80rem;margin:0 auto;width:100%}.socials a{display:flex;align-items:center;gap:8px;color:white;text-decoration:none;font-size:18px;position:relative;transition:color .3s ease-in-out}.socials a:hover{background:linear-gradient(90deg,var(--primary-400),var(--accent-400));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.socials a:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary-500),var(--accent-400));transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.socials a:hover:after{transform:scaleX(1)}.social-icon{width:24px;height:24px;fill:currentColor;filter:saturate(150%)}.copyright{margin-top:10px;font-size:14px;color:white}@media (max-width:768px){.socials{flex-wrap:wrap;gap:15px}.socials a{font-size:16px;gap:5px}}@media (max-width:480px){.socials{gap:10px}.socials a{font-size:14px;gap:4px}.social-icon{width:20px;height:20px}.copyright{font-size:12px}}@media (max-width:360px){.socials{flex-direction:column;gap:8px}.socials a{font-size:13px}}.scroll-button{position:fixed;bottom:2rem;right:2rem;z-index:100}.ScrollButton-button{width:50px;height:50px;border-radius:50%;background-color:var(--primary-600);border:none;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow-blue);cursor:pointer;transition-duration:.3s;overflow:hidden;position:relative}.ScrollButton-svgIcon{width:12px;transition-duration:.3s}.ScrollButton-svgIcon path{fill:white}.ScrollButton-button:hover{background-color:var(--primary-700);transform:scale(1.05);box-shadow:0 0 30px var(--primary-500)}.ScrollButton-button:active{transform:scale(.95)}