@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#fffffff2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);background-attachment:fixed}#root{width:100%;min-height:100vh}@layer components{.btn-primary{@apply relative bg-gradient-to-r from-purple-600 via-purple-500 to-blue-500 hover:from-purple-700 hover:via-purple-600 hover:to-blue-600 text-white font-semibold py-3 px-6 rounded-xl transition-all duration-300 shadow-lg hover:shadow-2xl hover:shadow-purple-500/50 transform hover:-translate-y-0.5;}.btn-secondary{@apply bg-gray-800/80 backdrop-blur-sm hover:bg-gray-700/80 text-white font-semibold py-3 px-6 rounded-xl transition-all duration-300 shadow-lg border border-gray-700 hover:border-purple-500/50;}.card{@apply bg-gray-800/60 backdrop-blur-md rounded-2xl p-6 shadow-2xl border border-purple-500/20 hover:border-purple-500/40 transition-all duration-300 hover:shadow-purple-500/20;}.input{@apply bg-gray-900/50 backdrop-blur-sm border border-purple-500/30 rounded-xl px-4 py-3 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200;}.glass-effect{@apply bg-white/5 backdrop-blur-xl border border-white/10;}.gradient-text{@apply bg-gradient-to-r from-purple-400 via-pink-400 to-blue-400 bg-clip-text text-transparent;}.glow-purple{box-shadow:0 0 20px #8b5cf680,0 0 40px #8b5cf64d}.animate-gradient{background-size:200% 200%;animation:gradient 3s ease infinite}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#2563eb)}