.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#293646;position:fixed;top:0;left:0;right:0;width:100%;z-index:9999;border-bottom:#fff 1px solid;box-sizing:border-box}.nav-links .submenu,.mobile-nav-links .submenu{display:none;position:absolute;background-color:#293646;padding:0;margin:0;list-style:none;min-width:180px;border-radius:4px;z-index:1000}.nav-links li.has-submenu{position:relative}.nav-links li.has-submenu:hover>.submenu{display:block;position:absolute;top:100%;right:0;background-color:#293646;border-radius:4px;min-width:180px;z-index:1000}.submenu li a{display:block;padding:10px 20px;color:#fff;text-decoration:none;white-space:nowrap}.submenu li a:hover{background-color:#202a36;color:#000}.mobile-nav-links li.has-submenu>.submenu{position:static;background:none;padding-left:15px}.nav-links li.has-submenu>a,.mobile-nav-links li.has-submenu>a{cursor:pointer}.logo{font-size:1.4rem;font-weight:400;color:orange;text-shadow:1px 1px 4px hsla(0,0%,0%,.7);letter-spacing:1px;margin-left:10px}.nav-links{list-style:none;display:flex;gap:25px;margin-right:10px}.nav-links li a{color:#fff;text-decoration:none;font-weight:400;transition:color .3s ease}.nav-links li a:hover{color:orange}.menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:5px;z-index:1001;position:relative}.hamburger{width:25px;height:3px;background-color:#fff;margin:3px 0;transition:all .3s ease;border-radius:2px;box-shadow:0 0 10px #ffa5004d}.menu-toggle.active .hamburger:nth-child(1){transform:rotate(-45deg) translate(-5px,6px);background-color:orange}.menu-toggle.active .hamburger:nth-child(2){opacity:0}.menu-toggle.active .hamburger:nth-child(3){transform:rotate(45deg) translate(-5px,-6px);background-color:orange}.mobile-nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:linear-gradient(135deg,#000000f2,#1a1a1af2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-nav.active{right:0}.mobile-nav-links{list-style:none;text-align:center}.mobile-nav-links li{margin:20px 0;opacity:0;transform:translate(50px);transition:all .5s ease}.mobile-nav.active .mobile-nav-links li{opacity:1;transform:translate(0)}.mobile-nav.active .mobile-nav-links li:nth-child(1){transition-delay:.1s}.mobile-nav.active .mobile-nav-links li:nth-child(2){transition-delay:.2s}.mobile-nav.active .mobile-nav-links li:nth-child(3){transition-delay:.3s}.mobile-nav.active .mobile-nav-links li:nth-child(4){transition-delay:.4s}.mobile-nav.active .mobile-nav-links li:nth-child(5){transition-delay:.5s}.mobile-nav-links li a{color:#fff;text-decoration:none;font-size:1.8rem;font-weight:300;padding:15px 30px;display:block;border-radius:10px;transition:all .3s ease;position:relative;overflow:hidden}.mobile-nav-links li a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,165,0,.2),transparent);transition:left .5s ease}.mobile-nav-links li a:hover:before{left:100%}.mobile-nav-links li a:hover{color:orange;text-shadow:0 0 20px rgba(255,165,0,.5);transform:scale(1.05)}.mobile-nav .close-btn{position:absolute;top:30px;right:40px;font-size:2rem;color:#fff;cursor:pointer;transition:all .3s ease;opacity:0;transform:rotate(0)}.mobile-nav.active .close-btn{opacity:1;transform:rotate(90deg)}.mobile-nav .close-btn:hover{color:orange;transform:rotate(180deg) scale(1.1)}@media (max-width: 768px){.navbar{padding:15px 20px}.nav-links{display:none}.menu-toggle{display:flex}.mobile-nav{width:100%}.mobile-nav-links li a{font-size:1.5rem}}@media (max-width: 480px){.logo{font-size:1.2rem;margin-left:10px}.mobile-nav-links li a{font-size:1.3rem;padding:12px 25px}}