.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a192fd9;border-bottom:1px solid hsla(0,0%,100%,.1);left:0;position:fixed;top:0;width:100%;z-index:1000}.navbar .navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.navbar .navbar-container .logo a{background:linear-gradient(135deg,#e450b7,#6f42c1 50%,#2196f3);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;-webkit-text-fill-color:transparent;text-decoration:none;transition:all .3s ease}.navbar .navbar-container .logo a:hover{background:linear-gradient(135deg,#ff6b6b,#e450b7 50%,#6f42c1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar .navbar-container .nav-links{display:flex;gap:2rem;list-style:none}.navbar .navbar-container .nav-links li a{color:#c5c5c5;font-weight:500;text-decoration:none;transition:color .3s ease}.navbar .navbar-container .nav-links li a:hover{color:#e450b7}.navbar .navbar-container .menu-icon{cursor:pointer;display:none;flex-direction:column;gap:6px}.navbar .navbar-container .menu-icon .bar{background-color:#c5c5c5;height:2px;transition:all .3s ease;width:25px}.navbar .navbar-container .menu-icon .bar.active:first-child{transform:rotate(45deg) translate(6px,6px)}.navbar .navbar-container .menu-icon .bar.active:nth-child(2){opacity:0}.navbar .navbar-container .menu-icon .bar.active:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:768px){.navbar .navbar-container .menu-icon{display:flex}.navbar .navbar-container .nav-links{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a192ff2;flex-direction:column;gap:1.5rem;left:0;padding:2rem;position:fixed;top:70px;transform:translateY(-150%);transition:transform .3s ease;width:100%}.navbar .navbar-container .nav-links.active{transform:translateY(0)}}