.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 5.5%;background:rgba(2,8,18,.24);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);transition:.28s}.site-header.scrolled{background:rgba(2,8,18,.82);border-bottom-color:rgba(57,255,20,.22);box-shadow:0 18px 60px rgba(0,0,0,.35)}.brand{display:flex;gap:12px;align-items:center}.brand-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(57,255,20,.52))}.brand strong{display:block;text-transform:uppercase;letter-spacing:.5px}.brand small{display:block;color:var(--green);font-weight:900;letter-spacing:2px;text-transform:uppercase;font-size:.7rem}nav{display:flex;gap:25px;align-items:center}nav a{color:var(--muted);font-weight:900;position:relative;padding:8px 0}nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--green);box-shadow:0 0 14px var(--green);transition:.25s}nav a:hover,nav a.active{color:white}nav a:hover:after,nav a.active:after{width:100%}.menu-toggle{display:none;width:48px;height:44px;border-radius:14px;border:1px solid var(--line);background:rgba(57,255,20,.08);align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:23px;height:2px;background:var(--green);border-radius:20px;transition:.25s}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
