header{position:fixed;top:0;left:0;width:100%;background:#fff0;z-index:1000;transition:var(--transition)}header.scroll{background:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .05)}header .container{display:flex;align-items:center;justify-content:space-between;height:90px}.logo img{height:80px;filter:brightness(0) invert(1)}header.scroll .logo img{filter:brightness(1)}.nav-menu{display:flex;gap:50px}.nav-menu a{font-weight:500;font-size:15px;color:#fff;position:relative;padding:10px 0}header.scroll .nav-menu a{color:var(--text-color)}.nav-menu a:hover,.nav-menu a.active{color:#fff}header.scroll .nav-menu a:hover,header.scroll .nav-menu a.active{color:var(--primary-color)}.nav-menu a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:var(--transition)}header.scroll .nav-menu a::after{background:var(--primary-color)}.nav-menu a:hover::after,.nav-menu a.active::after{width:100%}.header-right{display:flex;align-items:center;gap:30px}.search-trigger{font-size:20px;cursor:pointer;color:#fff;transition:var(--transition)}header.scroll .search-trigger{color:var(--text-color)}.search-trigger:hover{color:var(--primary-color)}.search-overlay{position:fixed;top:-100px;left:0;width:100%;height:100px;background:#fff;z-index:1001;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px rgb(0 0 0 / .1);transition:all 0.5s cubic-bezier(.77,0,.175,1)}.search-overlay.active{top:0}.search-container{width:100%;max-width:800px;position:relative;padding:0 20px}.search-container input{width:100%;padding:15px 50px 15px 20px;border:2px solid var(--border-color);border-radius:30px;font-size:16px;outline:none;transition:var(--transition)}.search-container input:focus{border-color:var(--primary-color)}.search-close{position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:20px;cursor:pointer;color:var(--text-light)}.mobile-toggle{display:none;font-size:24px;cursor:pointer;color:#fff}header.scroll .search-trigger,header.scroll .mobile-toggle{color:var(--primary-color)}@media (max-width:1100px){.nav-menu{position:fixed;top:89px;left:-100%;width:250px;height:calc(100vh - 90px);background:#fff;flex-direction:column;padding:40px 20px;box-shadow:5px 0 15px rgb(0 0 0 / .05);transition:var(--transition);z-index:999;display:flex}.nav-menu.active{left:0}.nav-menu{gap:20px}.mobile-toggle{display:block}}@media (max-width:768px){.header-right{gap:20px}header .cta-trigger{padding:10px}}