@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{@apply antialiased;}body{@apply bg-slate-50 text-slate-900 transition-colors duration-300;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(236,72,153,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(99,102,241,.05) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(16,185,129,.05) 0px,transparent 50%);background-attachment:fixed}}.dark body{@apply bg-slate-900 text-slate-100;background-image:radial-gradient(at 0% 0%,rgba(30,58,138,.2) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(88,28,135,.2) 0px,transparent 50%)}@layer components{.glass-card{@apply bg-white/60 backdrop-blur-xl border border-white/60;}.dark .glass-card{@apply bg-slate-900/70 border-slate-700/60;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-slate-200 rounded-full hover:bg-slate-300 transition-colors;}.dark .custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-slate-700 hover:bg-slate-600;}.blur-overlay{@apply absolute inset-0 z-30 backdrop-blur-md bg-white/80 dark:bg-slate-900/80 animate-in fade-in duration-200 flex flex-col items-center justify-center;}}.top-gradient-blur{position:absolute;left:0;right:0;top:0;height:4rem;pointer-events:none;z-index:40;background:linear-gradient(180deg,#ffffffe6,#fff0);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dark .top-gradient-blur{background:linear-gradient(180deg,#0f172ae6,#0f172a00)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-zoom-in{animation:zoomIn .3s cubic-bezier(.16,1,.3,1) forwards}.animate-float{animation:float 6s ease-in-out infinite}
