@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground-rgb:255,255,255;--background-start-rgb:10,10,15;--background-end-rgb:5,5,10}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:rgb(var(--foreground-rgb));background:linear-gradient(135deg,rgb(var(--background-start-rgb)) 0,rgb(var(--background-end-rgb)) 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.glass{background:hsla(0,0%,100%,.05)}.glass,.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1)}.glass-card{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02));transition:all .3s ease}.glass-card:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.5);box-shadow:0 20px 40px rgba(0,0,0,.3)}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{@apply px-6 py-3 bg-gradient-to-r from-blue-600 to-purple-600 rounded-lg font-semibold transition-all duration-300;background-size:200% 200%}.btn-primary:hover{background-position:100%;box-shadow:0 10px 30px rgba(59,130,246,.4);transform:translateY(-2px)}.btn-secondary{@apply px-6 py-3 bg-white/10 hover:bg-white/20 rounded-lg font-semibold transition-all duration-300 border border-white/20}.btn-secondary:hover{border-color:hsla(0,0%,100%,.4);transform:translateY(-2px)}.input-field{@apply w-full px-4 py-3 bg-white/5 rounded-lg border border-white/10 focus:border-blue-500 focus:outline-none transition-all duration-300}.input-field:focus{box-shadow:0 0 0 3px rgba(59,130,246,.2)}.badge,.badge-danger,.badge-info,.badge-success,.badge-warning{@apply bg-blue-500/20 text-blue-400 border border-blue-500/30}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(59,130,246,.3)}50%{box-shadow:0 0 40px rgba(59,130,246,.6)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.hero-pattern{background-image:radial-gradient(circle at 20% 50%,rgba(59,130,246,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.15) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(236,72,153,.1) 0,transparent 50%)}