@tailwind base;@tailwind components;@tailwind utilities;.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.noise-bg{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@layer components{.glass{@apply bg-white/5 backdrop-blur-md border border-white/10;}.glass-card{@apply glass rounded-[2rem] hover:border-white/20 transition-all duration-300;}.glass-pill{@apply glass bg-black/40 backdrop-blur-xl border border-white/10 rounded-full;}}@media (max-width: 768px){.backdrop-blur-xl,.backdrop-blur-2xl,.backdrop-blur-3xl,.backdrop-blur-md,.backdrop-blur-sm,.glass,.glass-pill,.glass-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#0f1714f7!important}.animate-float{animation:none!important;transform:none!important}.animate-marquee-left,.animate-marquee-right{animation-duration:22s!important}.reveal{transition:opacity .35s ease-out,transform .35s ease-out!important}.shadow-\[0_50px_100px_rgba\(0\,0\,0\,0\.5\)\,0_0_0_1px_rgba\(255\,255\,255\,0\.02\)\],.shadow-\[0_40px_80px_rgba\(0\,0\,0\,0\.4\)\],.hover\:shadow-\[0_25px_60px_rgba\(34\,197\,94\,0\.1\)\]:hover,.hover\:shadow-\[0_50px_100px_rgba\(59\,130\,246\,0\.2\)\]:hover,.hover\:shadow-\[0_50px_100px_rgba\(168\,85\,247\,0\.2\)\]:hover{box-shadow:0 4px 20px #0000004d!important}.hover\:-translate-y-4:hover,.hover\:-translate-y-2:hover,.hover\:rotate-2:hover{transform:none!important}.duration-700,.duration-1000{transition-duration:.2s!important}section{contain:layout style}.animate-pulse-slow,.animate-pulse{animation:none!important}.animate-marquee-left *,.animate-marquee-right *{box-shadow:none!important;transition:none!important}}.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease-out,transform .5s ease-out;will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-marquee-left{animation:marquee-left 40s linear infinite}.animate-marquee-right{animation:marquee-right 40s linear infinite}.animate-marquee-left:hover,.animate-marquee-right:hover{animation-play-state:paused}@keyframes shimmer{to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 1.5s infinite}@media (prefers-reduced-motion: reduce){.animate-float,.animate-marquee-left,.animate-marquee-right,.reveal{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
