.header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease}.header-content{max-width:1200px;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center}.header-content,.logo,.logo-container{transition:all .3s ease}.logo{width:auto;height:80px}.logo:hover{transform:scale(1.05)}.nav-container{width:100%;display:flex;justify-content:center}.desktop-nav{display:none;transition:all .3s ease}.desktop-nav.scrolled{font-size:.9em}.nav-link{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;position:relative;overflow:hidden}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--accent-color);transform:translateX(-100%);transition:transform .3s ease}.nav-link:hover:after{transform:translateX(0)}.menu-toggle{display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10;position:absolute;top:1rem;right:1rem}.menu-toggle span{width:2rem;height:.25rem;background:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.menu-toggle.open span:first-child{transform:rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:rgba(0,0,0,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease-in-out;backdrop-filter:blur(5px)}.mobile-menu.open{right:0}.mobile-nav{display:flex;flex-direction:column;align-items:center;width:100%}.mobile-nav-link{font-size:1.5rem;color:#fff;text-decoration:none;margin:1rem 0;padding:.5rem 1rem;opacity:0;transform:translateY(20px);transition:all .3s ease;position:relative;overflow:hidden;width:80%;text-align:center}.mobile-menu.open .mobile-nav-link{opacity:1;transform:translateY(0)}.mobile-nav-link .nav-text{position:relative;z-index:1}.mobile-nav-link .nav-decoration{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:0}.mobile-nav-link:hover .nav-decoration{transform:scaleX(1)}.mobile-nav-link:hover .nav-text{color:var(--primary-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-link{animation:fadeInUp .5s ease forwards}.header.scrolled{background-color:rgba(0,0,0,.9)}.header.scrolled .header-content{padding:.5rem 1rem}.header.scrolled .logo{height:60px}@media (min-width:768px){.header-content{flex-direction:row;justify-content:space-between}.logo-container{margin-bottom:0}.nav-container{width:auto}.desktop-nav{display:flex}.menu-toggle{display:none}.logo{height:100px}.logo-container.scrolled .logo{height:80px}}@media (max-width:767px){.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:.5rem 1rem;min-height:80px}.logo-container{grid-column:2;justify-self:center}.menu-toggle{grid-column:3;justify-self:end;position:absolute;top:1rem;right:1rem;margin-top:0}.logo{height:70px;width:auto}}