.navbar{z-index:999;width:90%;max-width:1200px;transition:all .45s cubic-bezier(.4,0,.2,1);position:fixed;top:20px;left:50%;transform:translate(-50%)}.navbar-inner{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a1459;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;padding:22px 32px;display:flex}.navbar--scrolled{width:70%;top:10px}.navbar--scrolled .navbar-inner{background:#05050ad9;padding:12px 24px;box-shadow:0 10px 40px #0009}.navbar-logo{letter-spacing:2px;color:#fff;font-size:1.8rem;font-weight:800;transition:transform .4s}.navbar--scrolled .navbar-logo{transform:scale(.85)}.navbar-links{gap:28px;display:flex}.navbar-links a{color:#ddd;letter-spacing:1.5px;text-transform:uppercase;font-size:.95rem;text-decoration:none;transition:color .3s;position:relative}.navbar-links a:after{content:"";background:linear-gradient(90deg,#ff4ecd,#7df9ff);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.navbar-links a:hover{color:#fff}.navbar-links a:hover:after{width:100%}@media (max-width:768px){.navbar{width:95%}.navbar--scrolled{width:92%}.navbar-links{gap:16px}}