.navbar{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:rgba(45,45,45,.6);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border:1.5px solid rgba(255,255,255,.18);border-radius:50px}.navbar,.navbar.scrolled{padding:12px 20px;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:1000;transition:all .3s ease}.navbar.scrolled{background:rgba(45,45,45,.72);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1.5px solid rgba(255,255,255,.22);border-radius:50px}.navbar:hover{box-shadow:0 12px 40px rgba(0,0,0,.4);transform:translateX(-50%) translateY(-2px)}.nav-container{display:flex;align-items:center;gap:8px}.nav-item{color:#ffffff;text-decoration:none;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.nav-item:hover:before{left:100%}.nav-item:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}.nav-item.cta{background:linear-gradient(135deg,#667eea,#764ba2);color:white;margin-left:8px;box-shadow:0 4px 15px rgba(102,126,234,.4)}.nav-item.cta:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px rgba(102,126,234,.6);transform:translateY(-2px)}@media (max-width:768px){.navbar{top:10px;left:10px;right:10px;transform:none;border-radius:25px;padding:10px 15px}.nav-container{flex-wrap:wrap;justify-content:center;gap:4px}.nav-item{padding:8px 12px;font-size:13px}.nav-item.cta{margin-left:0;margin-top:8px;flex-basis:100%;text-align:center}}