.header{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:rgba(0,0,0,.95);border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 4px 25px rgba(0,0,0,.4);left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.header.scrolled{background:rgba(0,0,0,.9);border-bottom:1px solid hsla(0,0%,100%,.12);box-shadow:0 8px 40px rgba(0,0,0,.6)}.header-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-container,.logo{align-items:center;display:flex}.logo{color:#fff;font-family:Oswald,sans-serif;font-size:24px;font-weight:600;letter-spacing:1px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.logo:hover{transform:translateY(-2px)}.logo-icon{align-items:center;background:var(--gradient-primary);border-radius:12px;box-shadow:0 4px 15px rgba(67,97,238,.14),0 1.5px 6px rgba(247,37,133,.11);color:#fff;display:flex;font-size:22px;font-weight:900;height:44px;justify-content:center;margin-right:12px;transition:box-shadow .23s,background .25s;width:44px}.logo-icon svg{display:block;height:32px;width:32px}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{align-items:center;display:flex;gap:8px}.nav-link{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:25px;box-shadow:0 4px 20px rgba(0,0,0,.1);color:hsla(0,0%,100%,.9);font-family:Oswald,sans-serif;font-size:14px;font-weight:300;letter-spacing:1.2px;overflow:hidden;padding:10px 15px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.nav-link:before{background:linear-gradient(135deg,rgba(233,30,99,.95),rgba(156,39,176,.95) 50%,rgba(103,58,183,.95));content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.175,.885,.32,1.275);width:100%;z-index:-2}.nav-link:after{background:radial-gradient(circle,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.1) 50%,transparent 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:0;z-index:-1}.nav-link:before{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2)}.nav-link.active:before,.nav-link:hover:before{animation:shimmer 2s infinite;left:0}.nav-link:hover:after{animation:pulse 1.5s infinite;height:110px;width:110px}.nav-link.active,.nav-link:hover{border-color:rgba(233,30,99,.6);box-shadow:0 12px 35px rgba(233,30,99,.5),0 0 25px rgba(156,39,176,.3),inset 0 1px 0 hsla(0,0%,100%,.3);color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.5);transform:translateY(-4px) scale(1.05)}.nav-link:active{transform:translateY(-2px) scale(1.02);transition:all .1s ease}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.nav-link:hover{animation:glow 2s infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 8px rgba(233,30,99,.6))}to{filter:drop-shadow(0 0 20px rgba(156,39,176,.8))}}