header{position:fixed;top:0;width:100%;z-index:1000;background:rgba(3,7,18,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,212,255,.3);transition:all .3s ease}header.scrolled{padding:.3rem 0;background:rgba(3,7,18,.98);backdrop-filter:blur(25px);box-shadow:0 4px 12px rgba(0,212,255,.15)}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;max-width:1200px;margin:0 auto;font-family:Inter,Segoe UI,sans-serif}.logo{font-size:1.4rem;font-weight:600;cursor:pointer}.logo,.logo-icon{display:flex;align-items:center;color:#00d4ff}.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,#001a2e,#00d4ff);border-radius:10px;justify-content:center;margin-right:10px;font-weight:700;transition:transform .3s ease}.logo:hover .logo-icon{transform:rotate(8deg) scale(1.05)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#a0c4ff;text-decoration:none;padding:8px 14px;border-radius:8px;transition:all .25s ease;font-size:.95rem}.nav-links a:hover{color:#00d4ff;background:rgba(0,212,255,.08);transform:translateY(-2px)}.nav-links a.active{color:#00d4ff;background:rgba(0,212,255,.15);box-shadow:0 4px 12px rgba(0,212,255,.2)}.hamburger{display:none;flex-direction:column;border:none;background:transparent;cursor:pointer}.hamburger span{width:25px;height:3px;background:#00d4ff;margin:4px 0;transition:.3s}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(3,7,18,.7)}@media (max-width:768px){.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:280px;flex-direction:column;padding:80px 20px;background:rgba(3,7,18,.98);transition:right .3s ease}.nav-links.nav-active{right:0}.nav-links a{width:100%;padding:16px;margin-bottom:10px;background:rgba(0,212,255,.05)}}