@tailwind base;@tailwind components;@tailwind utilities;.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px;display:block}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:20px}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#0003}.bg-dot-pattern{background-image:radial-gradient(#CBD5E1 1px,transparent 1px);background-size:24px 24px}.glass-panel{background:#ffffffe6;border:1px solid rgba(255,255,255,.5)}.glass-dark{background:#1e293be6;border:1px solid rgba(255,255,255,.1)}.shadow-glow{box-shadow:0 0 20px #f20f794d}.shadow-float{box-shadow:0 10px 30px -10px #0000001a}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}@keyframes draw-check{0%{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}.animate-draw{animation:draw-check .6s cubic-bezier(.65,0,.45,1) forwards}html,body,#root{height:100%}@layer utilities{.container-responsive{@apply w-full px-4 sm:px-6 md:px-8 lg:px-12 mx-auto max-w-7xl;}.grid-responsive{@apply grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 md:gap-6;}.p-responsive{@apply p-4 sm:p-6 md:p-8;}.text-responsive{@apply text-sm sm:text-base md:text-lg;}.btn-touch{@apply min-h-[44px] min-w-[44px] p-3;}.gap-responsive{@apply gap-4 md:gap-6;}}@media(prefers-reduced-motion:reduce){.animate-fade-in-up,.animate-draw{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
