.landing-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,14,39,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1);transition:all .3s ease;padding:1rem 0}.landing-navbar.scrolled{background:rgba(10,14,39,.98);box-shadow:0 4px 20px rgba(0,255,255,.1)}.navbar-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform .3s ease}.navbar-brand:hover{transform:scale(1.05)}.navbar-logo{height:50px;width:auto;filter:drop-shadow(0 0 10px rgba(0,255,255,.5))}.brand-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#00f5ff,#09f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.navbar-toggler{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:.5rem;width:35px;height:35px;position:relative;z-index:1001}.navbar-toggler span{width:100%;height:3px;background:#00f5ff;border-radius:3px;transition:all .3s ease;transform-origin:center}.navbar-toggler.active span:first-child{transform:translateY(8px) rotate(45deg)}.navbar-toggler.active span:nth-child(2){opacity:0;transform:translateX(-20px)}.navbar-toggler.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.navbar-menu{display:flex;align-items:center;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;position:relative;transition:all .3s ease;padding:.5rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#00f5ff,#09f);transition:width .3s ease}.nav-link:hover{color:#00f5ff}.nav-link:hover:after{width:100%}.navbar-actions{display:flex;align-items:center;gap:1rem}.navbar-actions-mobile{display:none}.btn-outline{padding:.5rem 1.5rem;border:2px solid #00f5ff;background:transparent;color:#00f5ff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;display:inline-block}.btn-outline:hover{background:#00f5ff;color:#0a0e27;box-shadow:0 0 20px rgba(0,245,255,.5);transform:translateY(-2px)}.btn-primary{padding:.5rem 1.5rem;background:linear-gradient(135deg,#00f5ff,#09f);color:#0a0e27;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;display:inline-block;box-shadow:0 4px 15px rgba(0,245,255,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,245,255,.5)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(10,14,39,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,255,255,.1);display:flex;justify-content:space-around;padding:.75rem 0;z-index:1000;box-shadow:0 -4px 20px rgba(0,0,0,.3)}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#fff;text-decoration:none;font-size:.75rem;transition:all .3s ease;padding:.5rem}.mobile-bottom-nav .nav-item:active,.mobile-bottom-nav .nav-item:hover{color:#00f5ff;transform:translateY(-3px)}.mobile-bottom-nav .nav-item svg{transition:all .3s ease}.mobile-bottom-nav .nav-item:hover svg{filter:drop-shadow(0 0 8px rgba(0,245,255,.8))}@media (max-width:1024px){.navbar-menu{gap:1.5rem}.nav-link{font-size:.95rem}}@media (max-width:768px){.navbar-container{padding:0 1rem}.navbar-toggler{display:flex}.navbar-menu{position:fixed;top:70px;left:-100%;width:80%;max-width:300px;height:calc(100vh - 70px);background:rgba(10,14,39,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;padding:2rem;transition:left .4s cubic-bezier(.68,-.55,.265,1.55);border-right:1px solid rgba(0,255,255,.1);box-shadow:4px 0 20px rgba(0,0,0,.3);overflow-y:auto}.navbar-menu.active{left:0}.nav-link{width:100%;padding:1rem 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.navbar-actions{display:none}.navbar-actions-mobile{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,255,255,.2)}.navbar-actions-mobile .btn-outline,.navbar-actions-mobile .btn-primary{width:100%;text-align:center;padding:.75rem 1.5rem}.brand-text{font-size:1.2rem}.navbar-logo{height:40px}}@media (max-width:480px){.navbar-container{padding:0 .75rem}.brand-text{font-size:1rem;letter-spacing:1px}.navbar-logo{height:35px}.navbar-menu{width:85%}.mobile-bottom-nav{padding:.5rem 0}.mobile-bottom-nav .nav-item{font-size:.65rem;padding:.25rem}.mobile-bottom-nav .nav-item svg{width:20px;height:20px}}