@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bottom-nav-height: 56px}body{font-family:Noto Sans Arabic,sans-serif}}@layer utilities{.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 6s ease-in-out 3s infinite}.animate-pulse-slow{animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.bg-grid-white{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(255 255 255 / 0.1)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e")}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}@media(hover:none){button:active,a:active,[role=button]:active{transform:scale(.97);opacity:.8;transition:transform .1s,opacity .1s}}@media(max-width:639px){.mobile-bottom-sheet{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:1.5rem 1.5rem 0 0!important;transform:translateY(0)!important;padding-bottom:env(safe-area-inset-bottom,1rem)!important}}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}.animate-fade-in-up{animation-name:fadeInUp;animation-duration:.8s;animation-fill-mode:both}@keyframes menuItemFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-menu-item-in{opacity:0;animation:menuItemFadeIn .3s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}