.navbar{--bg-glass:rgba(10, 10, 10, 0.7);--nav-text:#ffffff;--blur:15px;position:fixed;top:0;left:0;width:100%;height:var(--nav-height);padding:0 var(--container-padding);display:flex;justify-content:space-between;align-items:center;background:var(--bg-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}.logo{font-size:1.35rem;font-weight:700;color:var(--nav-text);letter-spacing:1px;text-decoration:none}.logo .dot{color:var(--accent)}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-links li a{text-decoration:none;color:rgba(255,255,255,.8);font-weight:500;position:relative;transition:.3s}.nav-links li a::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--accent);transition:width .3s ease}.nav-links li a:hover{color:var(--nav-text)}.nav-links li a:hover::after{width:100%}.cta-btn{padding:.6rem 1.5rem;background:0 0;border:1px solid var(--accent);color:var(--accent);border-radius:5px;text-decoration:none;font-weight:600;transition:.3s}.cta-btn:hover{background:var(--accent);color:#000;box-shadow:0 0 15px rgba(0,212,255,.4)}.hamburger{display:none;cursor:pointer;z-index:1001;padding:10px;margin-right:-10px}.bar{display:block;width:25px;height:3px;margin:5px auto;background:var(--nav-text);transition:.3s}@media(max-width:768px){.hamburger{display:block}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px)rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav-links{position:fixed;top:var(--nav-height);left:-100%;width:100%;height:calc(100vh - var(--nav-height));background:rgba(10,10,10,.98);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2rem;transition:.4s}.nav-links.active{left:0}.navbar .cta-btn.desktop-only{display:none}.nav-links .mobile-only{display:block;margin-top:2rem;width:80%;text-align:center}.nav-links .mobile-only .cta-btn{display:block;width:100%}}@media(min-width:769px){.mobile-only{display:none}}