.modern-navbar{position:fixed;top:1.5rem;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;justify-content:center;gap:2.5rem;padding:0.8rem 2.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(20,20,20,0.9);border:2px solid rgba(0,0,0,0.5);box-shadow:0 15px 50px rgba(0,0,0,0.4),0 0 40px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1);border-radius:50px;width:fit-content;max-width:85%;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);position:relative;animation:navbarSlideDown 0.6s cubic-bezier(0.34,1.56,0.64,1) forwards;}@keyframes navbarSlideDown{from{opacity:0;transform:translateX(-50%) translateY(-30px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}.modern-navbar:hover{box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 50px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.15);transform:translateX(-50%) translateY(-2px);}.modern-navbar::before{content:'';display:none;}.modern-navbar::after{content:'';position:absolute;inset:0;border-radius:12px;background:none;pointer-events:none;z-index:1;}@keyframes borderGlowWarm{0%,100%{opacity:0.4;box-shadow:0 0 8px rgba(150,150,150,0.1);}50%{opacity:0.6;box-shadow:0 0 12px rgba(150,150,150,0.15);}}@keyframes navbarFloat{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-1px);}}.modern-navbar:hover{transform:translateX(-50%) scale(1.01);box-shadow:0 12px 40px rgba(0,0,0,0.7);}.navbar-logo{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #000;cursor:pointer;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);flex-shrink:0;text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.5);position:relative;z-index:2;animation:logoPopIn 0.6s cubic-bezier(0.34,1.56,0.64,1) 0.1s backwards;overflow:hidden;}@keyframes logoPopIn{from{opacity:0;transform:scale(0.5);}to{opacity:1;transform:scale(1);}}.navbar-logo:hover{background:#f0f0f0;transform:scale(1.12) rotate(-5deg);box-shadow:0 6px 20px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.6);}.navbar-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%;}.navbar-logo:hover{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.4);box-shadow:0 0 20px rgba(255,255,255,0.2),inset 0 1px 2px rgba(255,255,255,0.2);transform:scale(1.1) translateY(-1px);}.navbar-logo img{width:100%;height:100%;border-radius:8px;object-fit:cover;}.logo-placeholder{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}.logo-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.8);box-shadow:0 0 6px rgba(255,255,255,0.4);}.logo-dot:nth-child(1){top:25%;left:50%;transform:translateX(-50%);}.logo-dot:nth-child(2){left:25%;top:50%;transform:translateY(-50%);}.logo-dot:nth-child(3){right:25%;top:50%;transform:translateY(-50%);}.logo-dot:nth-child(4){bottom:25%;left:50%;transform:translateX(-50%);}.navbar-nav{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:2;}.nav-link{position:relative;display:inline-block;padding:0;color:rgba(255,255,255,0.9);text-decoration:none;font-size:0.95rem;font-weight:500;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);border-radius:0;height:auto;perspective:1000px;overflow:visible;z-index:2;animation:linkFadeIn 0.6s cubic-bezier(0.34,1.56,0.64,1) forwards;}@keyframes linkFadeIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.nav-link:nth-child(1){animation-delay:0.2s;}.nav-link:nth-child(2){animation-delay:0.3s;}.nav-link:nth-child(3){animation-delay:0.4s;}.link-text{display:block;color:rgba(255,255,255,0.9);position:relative;z-index:1;}.link-text::after{content:none;}.nav-link::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0.8),rgba(255,255,255,0.2));transform:scaleX(0);transform-origin:left;transition:transform 0.3s cubic-bezier(0.22,1,0.36,1);z-index:0;}.nav-link:hover{background:none;color:rgba(255,255,255,1);box-shadow:none;transform:translateY(-3px);border:none;}.nav-link:hover::before{transform:scaleX(1);background:none;}.nav-link:hover .link-text{color:rgba(255,255,255,1);}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:rgba(255,255,255,0.6);transform:scaleX(0);transform-origin:left;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);}.nav-link:hover::after{transform:scaleX(1);}.nav-link.active{background:none;color:rgba(255,255,255,1);border:none;box-shadow:none;}.nav-link.active::after{transform:scaleX(1);}.navbar-right{display:flex;align-items:center;gap:0.3rem;flex-shrink:0;position:relative;z-index:2;}.nav-cta{display:inline-flex;align-items:center;gap:0.4rem;padding:0.6rem 1.4rem;background:rgba(255,255,255,0.95);color:#000;font-weight:600;font-size:0.9rem;border-radius:50px;text-decoration:none;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);cursor:pointer;border:none;flex-shrink:0;white-space:nowrap;box-shadow:0 4px 15px rgba(255,255,255,0.3),inset 0 1px 0 rgba(255,255,255,0.8);position:relative;overflow:hidden;z-index:2;animation:buttonSlideIn 0.6s cubic-bezier(0.34,1.56,0.64,1) 0.5s backwards;}@keyframes buttonSlideIn{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}.nav-cta::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,0.1),transparent);transition:left 0.6s cubic-bezier(0.34,1.56,0.64,1);z-index:0;}.nav-cta:hover::before{left:100%;}.nav-cta:hover{background:#fff;color:#000;transform:scale(1.05) translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,0.4),inset 0 1px 0 rgba(255,255,255,0.9);}.mobile-menu-btn{display:none;background:none;border:none;color:rgba(255,255,255,0.9);cursor:pointer;padding:0.6rem;transition:all 0.3s ease;position:relative;z-index:2;}.mobile-menu-btn:hover{color:rgba(255,255,255,1);transform:scale(1.1);}.mobile-menu{position:fixed;top:calc(1.5rem + 65px);left:50%;transform:translateX(-50%) scaleY(0);transform-origin:top center;z-index:40;background:linear-gradient(135deg,rgba(61,129,227,0.9) 0%,rgba(249,115,22,0.9) 100%);border:1.5px solid rgba(255,255,255,0.25);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,0.3);overflow:hidden;transition:all 0.3s cubic-bezier(0.22,1,0.36,1);opacity:0;pointer-events:none;min-width:220px;}.mobile-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);pointer-events:none;z-index:1;}.mobile-menu.open{transform:translateX(-50%) scaleY(1);opacity:1;pointer-events:auto;}.mobile-nav{display:flex;flex-direction:column;gap:0;position:relative;z-index:2;}.mobile-nav-link{padding:0.85rem 1.5rem;color:rgba(255,255,255,0.95);text-decoration:none;font-weight:500;font-size:0.9rem;transition:all 0.2s ease;border-bottom:1px solid rgba(255,255,255,0.1);text-align:center;}.mobile-nav-link:last-child{border-bottom:none;}.mobile-nav-link:hover{background:rgba(255,255,255,0.1);color:rgba(255,255,255,1);}.mobile-nav-link.cta{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.95);font-weight:600;}.mobile-nav-link.cta:hover{background:rgba(255,255,255,0.25);}.music-btn{position:fixed;top:1rem;right:1.8rem;z-index:51;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);color:rgba(255,255,255,0.9);cursor:pointer;transition:all 0.3s cubic-bezier(0.22,1,0.36,1);gap:2px;padding:6px;flex-shrink:0;box-shadow:0 8px 24px rgba(0,0,0,0.3),inset 0 1px 2px rgba(255,255,255,0.1),0 0 12px rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.music-btn:hover{background:rgba(255,255,255,0.25);color:rgba(255,255,255,1);border-color:rgba(255,255,255,0.4);transform:scale(1.12) translateY(-2px);box-shadow:0 12px 32px rgba(255,255,255,0.2),inset 0 1px 2px rgba(255,255,255,0.15),0 0 20px rgba(255,255,255,0.15);}.music-btn.playing{background:rgba(255,255,255,0.2);color:rgba(255,255,255,1);box-shadow:0 8px 32px rgba(255,255,255,0.2),inset 0 1px 2px rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.35);}.music-btn.playing:hover{background:rgba(255,255,255,0.3);box-shadow:0 12px 40px rgba(255,255,255,0.25),inset 0 1px 2px rgba(255,255,255,0.2);transform:scale(1.15) translateY(-2px);}.music-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;}.music-icon svg{width:100%;height:100%;}.music-bars{display:none;align-items:flex-end;gap:1.5px;height:12px;}.music-bars span{display:block;width:1.5px;border-radius:1px;animation:musicBar 0.6s cubic-bezier(0.45,0.05,0.55,0.95) infinite;box-shadow:0 0 6px rgba(150,200,255,0.3);}.music-bars span:nth-child(1){height:4px;animation-delay:-0.5s;background:linear-gradient(to top,#fbbf24 0%,#fcd34d 50%,#fef08a 100%);}.music-bars span:nth-child(2){height:10px;animation-delay:-0.15s;background:linear-gradient(to top,#60a5fa 0%,#93c5fd 50%,#dbeafe 100%);}.music-bars span:nth-child(3){height:6px;animation-delay:-0.65s;background:linear-gradient(to top,#34d399 0%,#6ee7b7 50%,#d1fae5 100%);}.music-bars span:nth-child(4){height:11px;animation-delay:-0.25s;background:linear-gradient(to top,#f472b6 0%,#f9a8d4 50%,#fbcfe8 100%);}@keyframes musicBar{0%,100%{transform:scaleY(0.25);opacity:0.5;}50%{transform:scaleY(1);opacity:1;}}@keyframes glowPulse{0%,100%{box-shadow:0 8px 32px rgba(100,150,200,0.2),inset 0 1px 2px rgba(255,255,255,0.1);}50%{box-shadow:0 12px 40px rgba(100,150,200,0.4),inset 0 1px 2px rgba(255,255,255,0.15);}}.music-btn.playing{animation:glowPulse 2s ease-in-out infinite;}.music-btn.playing .music-bars{display:flex !important;}.music-btn.playing .music-icon-pause{display:flex !important;}.music-btn.playing .music-icon-play{display:none !important;}.desktop-only{display:flex;}.mobile-only{display:none;}@media (max-width:768px){.modern-navbar{gap:1.5rem;padding:0.85rem 1.5rem;width:calc(100% - 2rem);left:50%;transform:translateX(-50%);}.navbar-nav{display:none;}.music-btn{right:1.5rem;width:40px;height:40px;}.desktop-only{display:none !important;}.mobile-only{display:flex !important;}.mobile-menu-btn{display:flex !important;}}