.navbar{background:linear-gradient(135deg,#080c18cc,#0f172abf)!important;backdrop-filter:blur(24px) saturate(170%)!important;-webkit-backdrop-filter:blur(24px) saturate(170%)!important;border:1px solid rgba(167,139,250,.2)!important;box-shadow:0 8px 32px #0006,0 0 15px #a78bfa14,inset 0 1px 1px #ffffff1a!important;border-radius:24px!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.navbar.scrolled{background:linear-gradient(135deg,#060911ed,#0a0f1ee0)!important;border-color:#a78bfa59!important;box-shadow:0 12px 40px -10px #000000b3,0 0 25px #a78bfa38,inset 0 1px 1px #ffffff1f!important;top:6px!important}.logo-icon{position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1)!important}.logo-icon:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(.6)!important;width:45px!important;height:45px!important;background:radial-gradient(circle,rgba(93,176,242,.4) 0%,rgba(167,139,250,.2) 50%,transparent 100%)!important;filter:blur(8px)!important;z-index:-1!important;opacity:0!important;transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1)!important}.logo:hover .logo-icon{transform:scale(1.08) rotate(-2deg)!important}.logo:hover .logo-icon:before{opacity:1!important;transform:translate(-50%,-50%) scale(1.2)!important}.header-notif-btn{border:1px solid rgba(167,139,250,.25)!important;background:#a78bfa0f!important;box-shadow:0 4px 12px #0003,inset 0 1px 1px #ffffff14!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.header-notif-btn:hover{background:#a78bfa26!important;border-color:#a78bfa80!important;color:#fff!important;transform:scale(1.1) translateY(-1px)!important;box-shadow:0 8px 20px #a78bfa66,0 0 15px #38bdf84d!important}.header-notif-btn i{transition:transform .3s cubic-bezier(.34,1.56,.64,1)!important}.header-notif-btn:hover i{transform:rotate(15deg) scale(1.05)!important}.nav-ai-btn{border:1px solid rgba(167,139,250,.5)!important;box-shadow:0 0 15px #a78bfa4d,inset 0 0 8px #a78bfa33!important}.nav-ai-btn:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:linear-gradient(135deg,#a78bfa33,#38bdf833)!important;opacity:0!important;transition:opacity .3s ease!important;z-index:1!important;display:block!important}.nav-ai-btn:hover:before{opacity:1!important}.nav-ai-btn.active{border-color:#a78bfa!important;box-shadow:0 0 25px #a78bfa99!important;transform:scale(1.08)!important}@media (min-width: 1024px){.nav-menu{background:linear-gradient(135deg,#080c18d1,#0f172abf)!important;backdrop-filter:blur(28px) saturate(160%)!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important;border:1px solid rgba(167,139,250,.22)!important;box-shadow:inset 0 1px 1px #ffffff1f,0 16px 36px #0006,0 0 25px #a78bfa26!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;display:flex!important;gap:8px!important;align-items:center!important;position:fixed!important;bottom:24px!important;left:50%!important;transform:translate(-50%)!important;z-index:9999!important;padding:8px 12px!important;border-radius:50px!important;box-shadow:0 24px 50px -10px #000000b3,0 0 30px #a78bfa38,inset 0 1px 1px #ffffff1f!important}.nav-menu:hover{transform:translate(-50%) translateY(-4px)!important;box-shadow:0 30px 60px -12px #000c,0 0 40px #a78bfa59,inset 0 1px 1px #ffffff26!important;border-color:#a78bfa59!important}}@media (max-width: 1023px){.nav-menu{display:none!important}}.nav-link{font-family:Outfit,sans-serif!important;font-weight:500!important;color:#ffffffb3!important;width:44px!important;height:44px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;position:relative!important;border:1px solid transparent!important;text-decoration:none!important}.nav-link span{display:none!important}.nav-link i{font-size:1.2rem!important;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)!important}.nav-link:hover{color:#fff!important;background:#a78bfa14!important;border-color:#a78bfa26!important;transform:translateY(-2px)!important}.nav-link:hover i{transform:scale(1.18)!important;color:#a78bfa!important}.nav-link.active{color:#fff!important;background:linear-gradient(135deg,#38bdf82e,#a78bfa38)!important;border-color:#a78bfa66!important;box-shadow:0 8px 20px #a78bfa2e,inset 0 1px 1px #ffffff26!important}.nav-link.active i{color:#38bdf8!important;transform:scale(1.1)!important;filter:drop-shadow(0 0 5px rgba(56,189,248,.6))!important}.nav-link.active:after{content:""!important;position:absolute!important;bottom:-6px!important;left:50%!important;transform:translate(-50%)!important;width:5px!important;height:5px!important;background:#38bdf8!important;border-radius:50%!important;box-shadow:0 0 10px #38bdf8cc!important;animation:navActivePulse 3s ease-in-out infinite!important}@keyframes navActivePulse{0%{opacity:.6;box-shadow:0 0 6px #a78bfa66;transform:scaleX(1)}50%{opacity:1;box-shadow:0 0 14px #a78bfae6;transform:scaleX(1.15)}to{opacity:.6;box-shadow:0 0 6px #a78bfa66;transform:scaleX(1)}}.mobile-nav{padding:8px 16px!important;background:linear-gradient(135deg,#080c18d9,#0f172acc)!important;backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;border:1px solid rgba(167,139,250,.22)!important;border-radius:40px!important;box-shadow:0 24px 50px #0009,0 0 30px #a78bfa2e,inset 0 1px 1px #ffffff1f!important;bottom:20px!important;max-width:340px!important}.mobile-nav-link{width:46px!important;height:46px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;text-decoration:none!important;position:relative!important}.mobile-nav-link span,.mobile-nav-link .nav-label{display:none!important}.mobile-nav-link:hover{color:#fff!important;background:#a78bfa14!important}.mobile-nav-link.active{color:#38bdf8!important;background:linear-gradient(135deg,#38bdf826,#a78bfa2e)!important;box-shadow:0 6px 16px #a78bfa1f,inset 0 0 0 1px #a78bfa4d!important}.mobile-nav-link i{font-size:1.3rem!important;transition:transform .4s cubic-bezier(.34,1.56,.64,1)!important}.mobile-nav-link.active i,.mobile-nav-link:hover i{transform:scale(1.18)!important;color:#38bdf8!important;filter:drop-shadow(0 4px 10px rgba(56,189,248,.6))!important}.mobile-nav-link.active:after{content:""!important;position:absolute!important;bottom:-6px!important;left:50%!important;transform:translate(-50%)!important;width:5px!important;height:5px!important;background:#38bdf8!important;border-radius:50%!important;box-shadow:0 0 10px #38bdf8cc!important;animation:navActivePulse 3s ease-in-out infinite!important}.search-container input{background:#0a101e73!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(167,139,250,.2)!important;border-radius:20px!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 10px 30px -10px #00000080,inset 0 1px 1px #ffffff0d!important}.search-container input:focus{background:#080c18b3!important;border-color:#38bdf8!important;box-shadow:0 0 0 4px #38bdf826,0 12px 28px -8px #38bdf859,inset 0 1px 1px #ffffff14!important;transform:translateY(-2px)!important}.search-icon{left:20px!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.search-container:focus-within .search-icon{color:#38bdf8!important;transform:translateY(-50%) scale(1.15) rotate(5deg)!important}.tag-pill{background:#a78bfa0a!important;border:1px solid rgba(167,139,250,.15)!important;border-radius:12px!important;font-weight:500!important;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important}.tag-pill:hover{border-color:#38bdf8!important;color:#fff!important;background:linear-gradient(135deg,#38bdf82e,#a78bfa1f)!important;transform:translateY(-3px) scale(1.04)!important;box-shadow:0 8px 20px #38bdf840,0 0 10px #a78bfa26!important}.filter-bar{background:#0a101ea6!important;backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;border:1px solid rgba(167,139,250,.2)!important;border-radius:24px!important;box-shadow:0 12px 40px #00000080,0 0 20px #a78bfa0d,inset 0 1px 1px #ffffff14!important}.filter-btn{border-radius:16px!important;font-weight:500!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.filter-btn:hover{color:#fff!important;background:#a78bfa14!important;border-color:#a78bfa33!important;transform:translateY(-2px)!important}.filter-btn.active{background:linear-gradient(135deg,#38bdf8,#818cf8)!important;border-color:#ffffff1a!important;box-shadow:0 8px 24px #38bdf859,0 0 15px #818cf833!important}