@tailwind base;@tailwind components;@tailwind utilities;*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#18181b;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f7,#7c3aed);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c084fc,#8b5cf6)}::selection{background:#a78bfa4d;color:#fff}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #a78bfa4d}50%{box-shadow:0 0 50px #a78bfa99,0 0 100px #a78bfa4d}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{transform:translate(-100%) skew(-12deg)}to{transform:translate(200%) skew(-12deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotate-in{0%{opacity:0;transform:rotate(-10deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes border-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes glow-breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float 8s ease-in-out infinite}.animate-float-fast{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient-flow 4s ease infinite}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 2.5s infinite;pointer-events:none}.animate-fade-in{animation:fade-in-up .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-fast{animation:fade-in-up .5s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{animation:scale-in .6s cubic-bezier(.16,1,.3,1) forwards}.animate-rotate-in{animation:rotate-in .6s cubic-bezier(.16,1,.3,1) forwards}.animate-glow-breathe{animation:glow-breathe 3s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.glass{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-light{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#0f172acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.bg-gradient-hero{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.bg-gradient-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.bg-gradient-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b)}.bg-gradient-success{background:linear-gradient(135deg,#10b981,#059669)}.bg-gradient-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.border-gradient{position:relative;border:2px solid transparent;background-clip:padding-box}.border-gradient:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#f59e0b,#7c3aed,#ec4899,#f59e0b);background-size:300% 300%;animation:border-flow 4s linear infinite;z-index:-1;border-radius:inherit}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-vivid{background:linear-gradient(135deg,#ec4899,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 20px rgba(167,139,250,.5),0 0 40px rgba(167,139,250,.3)}.btn-primary{@apply relative overflow-hidden bg-gradient-to-r from-amber-500 via-yellow-500 to-orange-500 text-gray-900 px-8 py-4 rounded-2xl font-bold text-lg;background-size:200% 100%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #f59e0b66}.btn-primary:hover{background-position:right center;transform:translateY(-3px) scale(1.02);box-shadow:0 20px 60px #f59e0b80}.btn-primary:active{transform:translateY(-1px) scale(1)}.btn-secondary{@apply relative overflow-hidden bg-white/10 backdrop-blur-xl text-white px-8 py-4 rounded-2xl font-bold text-lg border-2 border-white/20;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.btn-glow{position:relative}.btn-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6);filter:blur(15px);opacity:.5;z-index:-1;border-radius:inherit;transition:opacity .3s}.btn-glow:hover:before{opacity:.8}.card-hover{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000080}.card-glow{position:relative}.card-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#a855f71a,#ec48991a);opacity:0;transition:opacity .3s}.card-glow:hover:before{opacity:1}.glow-amber{box-shadow:0 0 30px #f59e0b66,0 0 60px #f59e0b33}.glow-purple{box-shadow:0 0 30px #a855f766,0 0 60px #a855f733}.glow-pink{box-shadow:0 0 30px #ec489966,0 0 60px #ec489933}.hover-glow-amber:hover{box-shadow:0 0 40px #f59e0b80,0 0 80px #f59e0b4d}.hover-glow-purple:hover{box-shadow:0 0 40px #a855f780,0 0 80px #a855f74d}.bg-grid{background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px}.bg-dots{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px}.gradient-mask{mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}@media (max-width: 640px){.animate-fade-in{animation-duration:.5s}.btn-primary,.btn-secondary{padding:1rem 1.5rem;font-size:1rem}}@media (hover: none){.btn-primary:active{transform:scale(.98)}.card-hover:active{transform:translateY(-2px)}}.neon-text{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor}.glass-crack{position:relative}.glass-crack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);pointer-events:none}@keyframes border-dance{0%{background-position:0% 0%,100% 0%,100% 100%,0% 100%}to{background-position:100% 0%,100% 100%,0% 100%,0% 0%}}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-loading{animation:loading-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s infinite}.shadow-text{text-shadow:0 2px 10px rgba(0,0,0,.3)}.filter-glow{filter:drop-shadow(0 0 10px currentColor)}.mix-lighten{mix-blend-mode:lighten}.overflow-hidden{overflow:hidden}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-title-main{font-size:32px;font-weight:700;line-height:1.3;letter-spacing:.02em}.text-title-sub{font-size:18px;font-weight:400;line-height:1.5}.text-body{font-size:14px;font-weight:400;color:#9ca3af;line-height:1.6}.text-caption{font-size:12px;font-weight:400;color:#6b7280;line-height:1.5}.text-number-large{font-size:48px;font-weight:700;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-highlight{font-size:16px;font-weight:500;color:#d1d5db}.text-button{font-size:16px;font-weight:600;letter-spacing:.02em}.text-card-title{font-size:20px;font-weight:600;color:#f3f4f6}.text-input{font-size:14px;font-weight:400}.text-label{font-size:14px;font-weight:500;color:#d1d5db}
