.mobile-bridge{display:none}@media(max-width:991px){.mobile-bridge{display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 30px);max-width:440px;height:68px;background:#0f172ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:34px;z-index:10000;align-items:center;justify-content:space-around;padding:0 5px;box-shadow:0 15px 50px #00000080,0 0 0 1px #ffffff14 inset;transition:all .4s cubic-bezier(.16,1,.3,1)}.mobile-bridge{animation:bridgePop .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes bridgePop{0%{opacity:0;transform:translate(-50%) translateY(40px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;text-decoration:none;font-size:.65rem;font-weight:600;width:20%;height:100%;transition:all .3s ease;gap:2px;position:relative;text-align:center}.mobile-nav-item i{width:22px;height:22px;transition:all .3s ease}.mobile-nav-item.active{color:#fff}.mobile-nav-item.active i{color:var(--accent, #3b82f6);filter:drop-shadow(0 0 8px rgba(59,130,246,.5));transform:translateY(-2px)}.mobile-nav-item span{opacity:.7;transition:all .3s ease}.mobile-nav-item.active span{opacity:1;transform:translateY(-2px)}.mobile-bridge:before{content:"";position:absolute;width:50px;height:50px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;transition:left .4s cubic-bezier(.16,1,.3,1);z-index:-1;top:50%;transform:translateY(-50%) translate(-50%)}}
