.mobile-header-gradient{background:linear-gradient(45deg,#3b82f6,#8b5cf6,#06b6d4,#8b5cf6,#3b82f6);background-size:300% 300%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}:root{--menu-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--menu-shadow-dark: 0 25px 50px -12px rgba(0, 0, 0, .6);--card-hover-transform: translateY(-4px) scale(1.02);--icon-hover-scale: scale(1.15) rotate(5deg);--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-smooth: cubic-bezier(.4, 0, .2, 1)}.mega-menu-container{position:relative;-webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8);background:#fffffff2;border:1px solid rgba(255,255,255,.2);box-shadow:var(--menu-shadow),inset 0 1px #ffffff4d;animation:menuSlideIn .4s var(--transition-bounce);transform-origin:top right}.dark .mega-menu-container{background:#111827f2;border:1px solid rgba(75,85,99,.3);box-shadow:var(--menu-shadow-dark),inset 0 1px #4b556333}@keyframes menuSlideIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-header-card{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s var(--transition-smooth)}.user-header-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.user-header-card:hover:before{left:100%}.user-header-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.menu-card{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all .3s var(--transition-bounce);border:1px solid transparent}.menu-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s}.menu-card:hover:before{opacity:1}.menu-card:hover{transform:var(--card-hover-transform);box-shadow:0 20px 40px #0000001a;border-color:#ffffff4d}.dark .menu-card:hover{box-shadow:0 20px 40px #0000004d;border-color:#4b556380}.menu-card .group-hover\:scale-110{transition:transform .3s var(--transition-bounce)}.menu-card:hover .group-hover\:scale-110{transform:var(--icon-hover-scale)}.menu-grid .menu-card:nth-child(1){animation-delay:.1s}.menu-grid .menu-card:nth-child(2){animation-delay:.15s}.menu-grid .menu-card:nth-child(3){animation-delay:.2s}.menu-grid .menu-card:nth-child(4){animation-delay:.25s}.menu-grid .menu-card:nth-child(5){animation-delay:.3s}.menu-grid .menu-card{animation:cardSlideIn .5s var(--transition-bounce) backwards}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-card a{position:relative;display:inline-block;padding:4px 8px;border-radius:6px;transition:all .2s var(--transition-smooth)}.menu-card a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:currentColor;transition:all .3s var(--transition-smooth);transform:translate(-50%)}.menu-card a:hover:before{width:calc(100% - 16px)}.menu-card a:hover{background:#ffffff1a;transform:translate(4px)}.dark .menu-card a:hover{background:#0000001a}.support-section{position:relative}.support-section:before{content:"";position:absolute;top:0;left:50%;width:100px;height:1px;background:linear-gradient(90deg,transparent,rgba(156,163,175,.5),transparent);transform:translate(-50%)}.action-section form button{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s var(--transition-bounce)}.action-section form button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:all .4s}.action-section form button:hover:before{width:300px;height:300px}.action-section form button:active{transform:scale(.98)}@media (max-width: 640px){.mega-menu-container{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;min-width:unset!important;max-width:unset!important;margin:0!important;padding:0!important;border-radius:0!important;z-index:9999!important;-webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8);background:#fffffffa;border:none;box-shadow:none;animation:mobileSlideUp .4s cubic-bezier(.25,.46,.45,.94);overflow-y:auto;-webkit-overflow-scrolling:touch}.dark .mega-menu-container{background:#111827fa}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mega-menu-container>*{padding:env(safe-area-inset-top,1rem) 1.5rem env(safe-area-inset-bottom,2rem) 1.5rem}.user-header-card{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:0 0 2rem;padding:2rem 1.5rem 1.5rem;border-radius:0 0 24px 24px;box-shadow:0 8px 32px #0000001a}.user-header-card:before{content:"×";position:absolute;top:1rem;right:1.5rem;font-size:2rem;font-weight:300;color:#fff;cursor:pointer;z-index:10;width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}.user-header-card:before:hover{background:#fff3;transform:rotate(90deg)}.user-header-card .w-12{width:4rem!important;height:4rem!important;font-size:1.5rem!important;box-shadow:0 8px 32px #0003}.menu-grid{grid-template-columns:1fr!important;gap:1.5rem;padding:0 1.5rem}.menu-card{padding:1.5rem;border-radius:16px;border:2px solid rgba(255,255,255,.1);background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000014;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translateY(0);min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.dark .menu-card{background:#1f2937cc;border-color:#4b55634d}.menu-card:active,.menu-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #00000026;border-color:#677eea4d}.menu-card .w-10{width:3rem!important;height:3rem!important;border-radius:12px!important}.menu-card .w-5{width:1.25rem!important;height:1.25rem!important}.menu-card h4{font-size:1.125rem!important;font-weight:600!important;margin-bottom:.75rem!important}.menu-card a{padding:.75rem 1rem!important;margin:.25rem 0!important;border-radius:8px!important;font-size:.95rem!important;font-weight:500!important;background:#ffffff80;border:1px solid rgba(255,255,255,.2);transition:all .3s;display:block;text-align:center}.dark .menu-card a{background:#0003;border-color:#4b55634d}.menu-card a:hover,.menu-card a:active{background:#fffc;border-color:#677eea4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark .menu-card a:hover,.dark .menu-card a:active{background:#0006}.menu-card.sm\\:col-span-2 .grid-cols-2{grid-template-columns:1fr!important;gap:.5rem!important}.support-section{padding:2rem 1.5rem 1rem;background:#f9fafbcc;margin:2rem -1.5rem 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .support-section{background:#111827cc}.support-section .flex{flex-direction:column!important;gap:1rem!important;align-items:stretch!important}.support-section a{padding:.75rem 1rem!important;background:#fff9!important;border:1px solid rgba(156,163,175,.3)!important;border-radius:8px!important;text-align:center!important;font-weight:500!important;transition:all .3s!important}.dark .support-section a{background:#1f293799!important;border-color:#4b55634d!important}.action-section{padding:1.5rem 1.5rem 2rem;background:#fef2f2cc;margin:1rem -1.5rem 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .action-section{background:#7f1d1d1a}.action-section .flex{flex-direction:column!important;gap:1rem!important;align-items:stretch!important}.action-section form{width:100%!important}.action-section form button{width:100%!important;padding:1rem 1.5rem!important;font-size:1.1rem!important;font-weight:600!important;border-radius:12px!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 8px 32px #ef44444d!important;justify-content:center!important}.action-section form button:active{transform:scale(.98)!important;box-shadow:0 4px 16px #ef444466!important}.action-section a{padding:.75rem 1rem!important;background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;border-radius:8px!important;text-align:center!important;font-weight:500!important;transition:all .3s!important}.menu-grid .menu-card:nth-child(1){animation-delay:.1s}.menu-grid .menu-card:nth-child(2){animation-delay:.2s}.menu-grid .menu-card:nth-child(3){animation-delay:.3s}.menu-grid .menu-card:nth-child(4){animation-delay:.4s}.menu-grid .menu-card:nth-child(5){animation-delay:.5s}.menu-card,.user-header-card,.support-section,.action-section{will-change:transform;transform:translateZ(0)}.mega-menu-container{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.menu-card:before,.user-header-card:before:not([content=×]){display:none}}@media (min-width: 1024px){.mega-menu-container{min-width:560px}.menu-card{transition:all .4s var(--transition-bounce)}.menu-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 25px 50px #00000026}.menu-card.desktop-emerald{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;border-color:#34d39966!important}.dark .menu-card.desktop-emerald{background:linear-gradient(135deg,#064e3b66,#04785766)!important;border-color:#34d3994d!important}.menu-card.desktop-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border-color:#3b82f666!important}.dark .menu-card.desktop-blue{background:linear-gradient(135deg,#1e3a8a66,#2563eb66)!important;border-color:#3b82f64d!important}.menu-card.desktop-purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)!important;border-color:#a855f766!important}.dark .menu-card.desktop-purple{background:linear-gradient(135deg,#581c8766,#7c3aed66)!important;border-color:#a855f74d!important}.menu-card.desktop-orange{background:linear-gradient(135deg,#fed7aa,#fdba74)!important;border-color:#fb923c66!important}.dark .menu-card.desktop-orange{background:linear-gradient(135deg,#9a341266,#c2410c66)!important;border-color:#fb923c4d!important}.menu-card.desktop-gray{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;border-color:#64748b66!important}.dark .menu-card.desktop-gray{background:linear-gradient(135deg,#33415566,#47556966)!important;border-color:#64748b4d!important}.menu-card h4{color:#111827e6!important;font-weight:600!important}.dark .menu-card h4{color:#f9fafbf2!important}.menu-card a{color:#374151cc!important;font-weight:500!important}.dark .menu-card a{color:#d1d5dbe6!important}.menu-card a:hover{background:#fff9!important;color:#111827!important;transform:translate(6px);box-shadow:0 2px 8px #0000001a}.dark .menu-card a:hover{background:#0000004d!important;color:#fff!important}}@media (prefers-contrast: high){.mega-menu-container{border:2px solid;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.dark .mega-menu-container{background:#1f2937}.menu-card{border:1px solid}}@media (prefers-reduced-motion: reduce){.mega-menu-container,.menu-card,.user-header-card,.menu-card a,.action-section form button{animation:none;transition:none}.menu-card:hover{transform:none;box-shadow:0 4px 8px #0000001a}}@media print{.mega-menu-container{display:none}}.menu-card:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.menu-card a:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}.mega-menu-container.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.menu-card.premium-card{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border:2px solid transparent}.dark .menu-card.premium-card{background:linear-gradient(#1f2937,#1f2937) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box}MOBILE FIRST REVOLUTIONARY FULLSCREEN EXPERIENCE ==================================================== */ @media (max-width: 640px){.mega-menu-container{display:none!important}.mobile-menu-overlay{animation:fadeInOverlay .3s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.mobile-menu-container{animation:slideInFromRight .4s cubic-bezier(.68,-.55,.265,1.55);transform-origin:right center}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.mobile-nav-item{animation:slideInFromBottom .5s cubic-bezier(.68,-.55,.265,1.55) backwards}.mobile-nav-item:nth-child(1){animation-delay:.1s}.mobile-nav-item:nth-child(2){animation-delay:.15s}.mobile-nav-item:nth-child(3){animation-delay:.2s}.mobile-nav-item:nth-child(4){animation-delay:.25s}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-card{animation:cardSlideInMobile .6s cubic-bezier(.68,-.55,.265,1.55) backwards;transition:all .3s ease}.mobile-card:nth-child(1){animation-delay:.3s}.mobile-card:nth-child(2){animation-delay:.35s}.mobile-card:nth-child(3){animation-delay:.4s}.mobile-card:nth-child(4){animation-delay:.45s}.mobile-card:nth-child(5){animation-delay:.5s}@keyframes cardSlideInMobile{0%{opacity:0;transform:translate(50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.mobile-nav-item:active{transform:scale(.98);background:#0000000d}.mobile-card:active{transform:scale(.98)}.mobile-menu-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-menu-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.mobile-card,.mobile-nav-item{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.mega-menu-container{min-width:calc(100vw - 2rem)!important;max-width:calc(100vw - 2rem);margin:0 1rem;padding:1rem}.menu-grid{grid-template-columns:1fr!important;gap:.75rem}.menu-card{padding:1rem}.user-header-card{margin-bottom:1rem}.menu-card:hover{transform:translateY(-2px) scale(1.01)}.menu-card .group-hover\:scale-110:hover{transform:scale(1.08)}}