@media (min-width:1024px){#header,.main-header{background:rgba(14,17,43,0.75)!important;color:white!important;transition:background 0.3s ease,color 0.3s ease;position:fixed;width:100%;top:0;left:0;z-index:1000;padding:15px 0}.main-header .menu a{color:white!important;text-decoration:none;font-weight:600;transition:color 0.3s ease;padding:10px 15px;display:inline-block;position:relative}.main-header .menu a::after{content:"";position:absolute;width:100%;height:2px;background-color:white;left:0;bottom:0;transform:scaleX(0);transition:transform 0.3s ease}.main-header .menu a:hover::after{transform:scaleX(1)}#header.scrolled,.main-header.scrolled{background:white!important;color:black!important;box-shadow:0px 4px 10px rgba(0,0,0,0.1)}#header.scrolled .menu a,.main-header.scrolled .menu a{color:black!important}#header.scrolled .menu a::after{background-color:black}}document.addEventListener("DOMContentLoaded",function(){const header=document.querySelector("#header") || document.querySelector(".main-header");if (header){window.addEventListener("scroll",function (){if (window.scrollY >50){header.classList.add("scrolled")}else{header.classList.remove("scrolled")}})}});