@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #3b82f626}table{border-collapse:collapse}*{transition-property:background-color,border-color,color,fill,stroke,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@layer utilities{.text-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.bg-gradient-secondary{background:linear-gradient(135deg,#6366f1,#4f46e5)}.bg-gradient-accent{background:linear-gradient(135deg,#f59e0b,#d97706)}.shadow-glow{box-shadow:0 0 20px #3b82f64d}.shadow-glow-green{box-shadow:0 0 20px #22c55e4d}.shadow-glow-orange{box-shadow:0 0 20px #f973164d}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.btn-primary{@apply bg-gradient-primary text-white font-semibold px-6 py-3 rounded-xl shadow-lg shadow-blue-500/30 hover:shadow-xl hover:shadow-blue-500/40 transition-all duration-300 hover:-translate-y-0.5;}.btn-secondary{@apply bg-white text-slate-700 font-semibold px-6 py-3 rounded-xl border-2 border-slate-200 hover:border-blue-400 hover:text-blue-600 transition-all duration-300 hover:-translate-y-0.5;}.btn-accent{@apply bg-gradient-accent text-white font-semibold px-6 py-3 rounded-xl shadow-lg shadow-orange-500/30 hover:shadow-xl hover:shadow-orange-500/40 transition-all duration-300 hover:-translate-y-0.5;}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.rotate-x-5{transform:rotateX(5deg)}.rotate-y-5{transform:rotateY(5deg)}.rotate-x-neg-5{transform:rotateX(-5deg)}.rotate-y-neg-5{transform:rotateY(-5deg)}.card-3d{perspective:1000px;transform-style:preserve-3d}.card-inner-3d{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.card-3d:hover .card-inner-3d{transform:rotateX(5deg) rotateY(-5deg)}.float-animation{animation:float 6s ease-in-out infinite}.float-animation-slow{animation:float 8s ease-in-out infinite}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.spin-slow{animation:spinSlow 20s linear infinite}.gradient-shift{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;animation:gradientShift 8s ease infinite}.glow-text{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}.particle-bg{background-image:radial-gradient(circle at 20% 30%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(168,85,247,.05) 0%,transparent 70%);background-size:400px 400px;animation:particleMove 20s ease infinite}.glass-effect{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.hover-lift{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-8px) scale(1.02)}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 2s infinite}}@keyframes float{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-20px) rotateX(3deg) rotateY(-3deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #3b82f666,0 0 40px #3b82f633}50%{box-shadow:0 0 30px #3b82f699,0 0 60px #3b82f64d}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes particleMove{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}