.mobile-nav-toggle{position:fixed;left:20px;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(79,70,229,.4);z-index:9999;border:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.mobile-nav-toggle:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 12px 30px rgba(79,70,229,.5)}.mobile-nav-toggle:active{transform:translateY(-50%) scale(.95)}.mobile-nav-toggle.open{background:#1f2937;box-shadow:0 10px 25px rgba(0,0,0,.2)}.mobile-nav-backdrop{width:100%;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9997}.mobile-nav-backdrop,.mobile-nav-panel{position:fixed;top:0;left:0;height:100%}.mobile-nav-panel{width:85%;max-width:350px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9998;display:flex;flex-direction:column;box-shadow:20px 0 50px rgba(0,0,0,.1);border-right:1px solid hsla(0,0%,100%,.3)}.mobile-nav-header{padding:60px 25px 30px;border-bottom:1px solid rgba(0,0,0,.05)}.mobile-nav-title{font-size:24px;font-weight:900;color:#1a1a1a;margin:0;letter-spacing:-.5px}.mobile-nav-subtitle{font-size:13px;font-weight:600;color:#6b7280;margin:5px 0 0;text-transform:uppercase;letter-spacing:1px}.mobile-nav-list-container{flex:1;overflow-y:auto;padding:20px 15px;scrollbar-width:none;-ms-overflow-style:none}.mobile-nav-list-container::-webkit-scrollbar{display:none}.mobile-nav-list{display:flex;flex-direction:column;gap:12px}.mobile-nav-pill{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer;text-align:left}.mobile-nav-pill:hover{transform:translateX(5px);border-color:#4f46e5;background:#f5f3ff}.mobile-nav-pill.active{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;box-shadow:0 10px 15px -3px rgba(79,70,229,.3)}.pill-label{font-size:13px;font-weight:800;letter-spacing:.5px}.pill-arrow{opacity:.3;transition:all .3s ease}.mobile-nav-pill.active .pill-arrow{opacity:1;transform:translateX(3px)}.mobile-nav-footer{padding:20px;border-top:1px solid rgba(0,0,0,.05);text-align:center}.mobile-nav-footer p{font-size:10px;font-weight:600;color:#9ca3af;margin:0}@media (min-width:1024px){.mobile-nav-backdrop,.mobile-nav-panel,.mobile-nav-toggle{display:none!important}}