.header{position:fixed;top:10px;width:100%;z-index:2;font-family:Goldman,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.5);box-shadow:0 4px 10px rgba(0,0,0,.3)}.navbar{justify-content:space-between;padding:5px 50px}.logo-menu,.navbar{display:flex;align-items:center}.logo-menu{gap:15px}.logo-img{width:100px;height:auto}.nav-links{display:flex;gap:30px;list-style:none;transition:transform .3s ease-in-out}.nav-links.active{transform:translateX(0)}.nav-item,.nav-link{position:relative}.nav-link{text-decoration:none;font-size:1.2rem;color:#fff;text-transform:uppercase;transition:all .3s ease-in-out;background:transparent;border:none;font-family:Goldman,sans-serif}.nav-link:hover{color:#00c6ff}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#d60354,#c40041);transition:all .3s ease-in-out;transform:translateX(-50%)}.nav-link:hover:after{width:100%}.menu-btn{display:none;font-size:2rem;cursor:pointer;color:#ffffff}@media screen and (max-width:768px){.navbar{flex-direction:row;justify-content:space-between}.nav-links{flex-direction:column;gap:15px;transform:translateX(-100%);position:absolute;top:60px;left:0;right:0;background:rgba(0,0,0,.8);z-index:-1;padding:5px 0;align-items:center;text-align:center}.menu-btn{display:block}}@media screen and (max-width:480px){.logo-img{width:80px}.navbar{padding:4px 20px}.menu-btn{font-size:1.8rem;margin-left:170%}}