@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark}body{margin:0;min-width:320px;min-height:100vh;color:#1e293b;background-color:#f0f4f8;background:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(168,85,247,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,.15) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(34,211,238,.15) 0px,transparent 50%);background-attachment:fixed;background-size:100% 100%}@media(prefers-color-scheme:dark){body{color:#f8fafc;background-color:#020617;background:radial-gradient(at 0% 0%,rgba(99,102,241,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(168,85,247,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(34,211,238,.1) 0px,transparent 50%);background-attachment:fixed}}.pb-safe{padding-bottom:env(safe-area-inset-bottom,20px)}.pt-safe{padding-top:env(safe-area-inset-top,20px)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.mask-gradient-right{mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-subtle{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-pulse-subtle{animation:pulse-subtle 2s ease-in-out infinite}.animate-float{animation:float 6s ease-in-out infinite}@layer components{.glass-panel{@apply bg-white/60 dark:bg-slate-900/60 backdrop-blur-2xl border border-white/40 dark:border-white/10 shadow-xl shadow-indigo-500/5 dark:shadow-black/20;}.glass-card{@apply glass-panel transition-all duration-300 hover:bg-white/80 dark:hover:bg-slate-800/80 hover:shadow-2xl hover:shadow-indigo-500/10 hover:-translate-y-1;}.glass-input{@apply bg-white/40 dark:bg-black/20 border border-gray-200/50 dark:border-gray-700/50 text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 backdrop-blur-md focus:bg-white/80 dark:focus:bg-black/40 focus:ring-2 focus:ring-indigo-500/50 focus:border-transparent transition-all outline-none;}.glass-btn{@apply bg-white/50 dark:bg-white/10 hover:bg-white/80 dark:hover:bg-white/20 border border-white/20 text-gray-700 dark:text-white backdrop-blur-md transition-all active:scale-95 shadow-sm;}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-indigo-600 to-purple-600 dark:from-indigo-400 dark:to-purple-400;}.skeleton{@apply bg-gray-200/50 dark:bg-gray-800/50 animate-pulse;}}