.mobile-menu-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background-color:#000000b3;animation:.25s cubic-bezier(.16,1,.3,1) backdropFadeIn;position:fixed;inset:0}.mobile-menu-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;scrollbar-width:none;-ms-overflow-style:none;background-color:#0f172af2;border-left:1px solid #33415580;flex-direction:column;width:20rem;max-width:85vw;animation:.25s cubic-bezier(.16,1,.3,1) panelSlideIn;display:flex;position:fixed;top:4rem;bottom:0;right:0;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.mobile-menu-panel::-webkit-scrollbar{display:none}.mobile-menu-header{border-bottom:1px solid #33415580;flex-shrink:0;padding:1.5rem;animation:.2s cubic-bezier(.25,.46,.45,.94) 20ms both headerFadeIn}.mobile-menu-logo{justify-content:center;align-items:center;width:2.5rem;height:2.5rem;animation:.2s cubic-bezier(.25,.46,.45,.94) 50ms both logoScale;display:flex}.mobile-menu-title{color:#3b82f6;font-size:1.25rem;font-weight:700;animation:.2s cubic-bezier(.25,.46,.45,.94) 80ms both titleSlideIn}.mobile-menu-content{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:1.5rem;overflow-y:auto}.mobile-menu-content::-webkit-scrollbar{display:none}.mobile-menu-item{text-align:left;color:#cbd5e1;opacity:0;border-radius:.5rem;width:100%;padding:1rem;font-size:1.125rem;font-weight:500;transition:all .3s ease-out;animation:.2s cubic-bezier(.25,.46,.45,.94) both menuItemSlideIn;display:block;transform:translate(30px)scale(.95)}.mobile-menu-item:hover{color:#3b82f6;background-color:#1e293b80;transition:all .2s cubic-bezier(.4,0,.2,1);transform:translate(8px)scale(1.02)}.mobile-menu-item:active{transition:all .1s cubic-bezier(.6,0,.4,1);transform:translate(4px)scale(.98)}.mobile-menu-footer{border-top:1px solid #33415580;flex-shrink:0;padding:1.5rem;animation:.2s cubic-bezier(.25,.46,.45,.94) .12s both footerSlideUp;position:relative}.mobile-menu-social-link{color:#94a3b8;opacity:0;border-radius:9999px;padding:.75rem;transition:all .3s ease-out;animation:.2s cubic-bezier(.25,.46,.45,.94) both socialLinkFadeIn;transform:translateY(20px)scale(.8)}.mobile-menu-social-link:hover{color:#3b82f6;background-color:#1e293b80;transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1.15)rotate(5deg)}.mobile-menu-social-link:active{transition:all .1s cubic-bezier(.6,0,.4,1);transform:scale(.95)}.mobile-menu-gradient{transform-origin:0;background:linear-gradient(90deg,#3b82f6,#06b6d4,#3b82f6);height:.25rem;animation:.3s cubic-bezier(.25,.46,.45,.94) .2s both gradientScale;position:absolute;bottom:0;left:0;right:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes panelSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes titleSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes menuItemSlideIn{0%{opacity:0;transform:translate(30px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes footerSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes socialLinkFadeIn{0%{opacity:0;transform:translateY(20px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gradientScale{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (max-width:480px){.mobile-menu-panel{width:66.67vw;max-width:66.67vw}}