/* Shared site nav styles — loaded in so the bar paints instantly (no shift/flash). */ #nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,80px);height:58px;background:linear-gradient(180deg,rgba(5,5,8,.92),transparent)} #nav .logo{font-family:"Orbitron",sans-serif;font-size:.78rem;font-weight:500;letter-spacing:3.5px;text-transform:uppercase;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#fff 0%,#c8dff5 30%,#8bb8e0 65%,#5a9fd4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(0,160,255,.2));text-decoration:none} #nav .logo-mark{width:40px;height:40px;border-radius:50%;overflow:hidden;position:relative;flex-shrink:0;box-shadow:0 0 16px rgba(0,140,255,.45),0 0 0 1px rgba(77,184,255,.3)} #nav .logo-mark img{position:absolute;height:176%;left:-81%;top:-15%;max-width:none} #nav .nav-links{display:flex;align-items:center;gap:26px} #nav .nav-links a{font-size:.67rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.3);transition:color .25s;text-decoration:none} #nav .nav-links a:hover{color:#fff} #nav .nav-cta{border:1px solid rgba(0,240,255,.3)!important;color:#00f0ff!important;padding:5px 14px;border-radius:3px} #nav .nav-cta:hover{background:rgba(0,240,255,.1)!important} #nav .ham{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px} #nav .ham span{width:22px;height:1.5px;background:rgba(255,255,255,.7);display:block;transition:transform .3s,opacity .3s} #nav .ham.o span:nth-child(1){transform:translateY(6.5px) rotate(45deg)} #nav .ham.o span:nth-child(2){opacity:0} #nav .ham.o span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)} .mob-nav{position:fixed;top:58px;left:0;right:0;z-index:499;background:rgba(5,5,8,.97);backdrop-filter:blur(22px);transform:translateY(-8px);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;pointer-events:none;border-bottom:1px solid rgba(0,240,255,.06)} .mob-nav.o{transform:translateY(0);opacity:1;pointer-events:all} .mob-nav a{display:block;padding:16px clamp(20px,6vw,80px);font-size:.9rem;font-weight:600;color:rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.04);transition:color .2s;text-decoration:none} .mob-nav a:last-child{border:none} .mob-nav a:hover{color:#00f0ff} @media(max-width:767px){#nav .nav-links{display:none}#nav .ham{display:flex}}