:root{--primary: 175 84% 52%;--primary-foreground: 222 47% 11%;--primary-glow: 175 84% 62%;--primary-muted: 175 60% 40%;--accent: 320 85% 60%;--accent-foreground: 0 0% 100%;--accent-glow: 320 85% 70%;--secondary: 270 70% 55%;--secondary-foreground: 0 0% 100%;--background: 230 25% 6%;--background-elevated: 230 20% 10%;--background-card: 230 18% 12%;--background-subtle: 230 15% 15%;--foreground: 210 40% 98%;--foreground-muted: 215 20% 65%;--foreground-subtle: 215 15% 45%;--border: 230 15% 20%;--border-glow: 175 84% 52%;--success: 145 80% 50%;--success-foreground: 0 0% 100%;--error: 0 85% 60%;--error-foreground: 0 0% 100%;--warning: 45 95% 55%;--warning-foreground: 0 0% 0%;--info: 200 90% 55%;--info-foreground: 0 0% 100%;--gradient-primary: linear-gradient(135deg, hsl(175 84% 52%) 0%, hsl(200 90% 55%) 50%, hsl(270 70% 55%) 100%);--gradient-accent: linear-gradient(135deg, hsl(320 85% 60%) 0%, hsl(270 70% 55%) 100%);--gradient-neon: linear-gradient(135deg, hsl(175 84% 52%) 0%, hsl(320 85% 60%) 100%);--gradient-dark: linear-gradient(180deg, hsl(230 25% 6%) 0%, hsl(230 20% 10%) 100%);--gradient-radial: radial-gradient(ellipse at center, hsl(175 84% 52% / .15) 0%, transparent 70%);--gradient-mesh: radial-gradient(at 40% 20%, hsl(175 84% 52% / .1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(320 85% 60% / .1) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(270 70% 55% / .1) 0px, transparent 50%);--shadow-sm: 0 1px 2px 0 hsl(0 0% 0% / .3);--shadow-md: 0 4px 6px -1px hsl(0 0% 0% / .4), 0 2px 4px -2px hsl(0 0% 0% / .3);--shadow-lg: 0 10px 15px -3px hsl(0 0% 0% / .5), 0 4px 6px -4px hsl(0 0% 0% / .4);--shadow-xl: 0 20px 25px -5px hsl(0 0% 0% / .5), 0 8px 10px -6px hsl(0 0% 0% / .4);--shadow-glow-primary: 0 0 20px hsl(175 84% 52% / .4), 0 0 40px hsl(175 84% 52% / .2);--shadow-glow-accent: 0 0 20px hsl(320 85% 60% / .4), 0 0 40px hsl(320 85% 60% / .2);--shadow-glow-neon: 0 0 30px hsl(175 84% 52% / .3), 0 0 60px hsl(320 85% 60% / .2);--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--background))}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,hsl(var(--primary) / .5),hsl(var(--accent) / .5));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,hsl(var(--primary) / .7),hsl(var(--accent) / .7))}::selection{background-color:hsl(var(--primary) / .3);color:hsl(var(--foreground))}@keyframes neon-pulse{0%,to{box-shadow:0 0 20px hsl(var(--primary) / .4),0 0 40px hsl(var(--primary) / .2)}50%{box-shadow:0 0 30px hsl(var(--primary) / .6),0 0 60px hsl(var(--primary) / .3)}}@keyframes text-glow{0%,to{text-shadow:0 0 10px hsl(var(--primary) / .5),0 0 20px hsl(var(--primary) / .3)}50%{text-shadow:0 0 20px hsl(var(--primary) / .7),0 0 40px hsl(var(--primary) / .4)}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes border-flow{0%{border-color:hsl(var(--primary))}50%{border-color:hsl(var(--accent))}to{border-color:hsl(var(--primary))}}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}.gradient-text{background:var(--gradient-neon);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 5s ease infinite}.gradient-text-static{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neon-text{color:hsl(var(--primary));text-shadow:0 0 10px hsl(var(--primary) / .5),0 0 20px hsl(var(--primary) / .3)}.neon-text-pulse{animation:text-glow 2s ease-in-out infinite}.glass{background:hsl(var(--background-card) / .8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsl(var(--border) / .5)}.glass-strong{background:hsl(var(--background-elevated) / .9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsl(var(--primary) / .2)}.neon-border{border:1px solid hsl(var(--primary) / .5);box-shadow:inset 0 0 20px hsl(var(--primary) / .1),0 0 20px hsl(var(--primary) / .2)}.neon-border-pulse{animation:neon-pulse 3s ease-in-out infinite}.neon-border-flow{animation:border-flow 3s ease-in-out infinite}.glow-card{background:hsl(var(--background-card));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);transition:all var(--transition-normal)}.glow-card:hover{border-color:hsl(var(--primary) / .5);box-shadow:0 0 30px hsl(var(--primary) / .15),0 10px 40px #0000004d;transform:translateY(-4px)}.grid-bg{background-image:linear-gradient(hsl(var(--border) / .3) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border) / .3) 1px,transparent 1px);background-size:50px 50px}.grid-bg-animated{background-image:linear-gradient(hsl(var(--primary) / .1) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--primary) / .1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}.gradient-bg{background:var(--gradient-mesh)}.skeleton{background:linear-gradient(90deg,hsl(var(--background-subtle)) 25%,hsl(var(--background-card)),hsl(var(--background-subtle)) 75%);background-size:200% 100%;animation:shimmer 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-fade-in-up{animation:fade-in-up .5s ease-out forwards}.animate-scale-in{animation:scale-in .3s ease-out forwards}.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}.btn-primary{background:var(--gradient-primary);color:hsl(var(--primary-foreground));font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-xl);border:none;box-shadow:var(--shadow-glow-primary);transition:all var(--transition-normal);cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px hsl(var(--primary) / .5),0 0 60px hsl(var(--primary) / .3)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:hsl(var(--background-card));color:hsl(var(--foreground));font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-xl);border:1px solid hsl(var(--border));transition:all var(--transition-normal);cursor:pointer}.btn-secondary:hover{border-color:hsl(var(--primary) / .5);background:hsl(var(--background-subtle));transform:translateY(-2px)}.btn-ghost{background:transparent;color:hsl(var(--foreground-muted));font-weight:500;padding:.75rem 1.5rem;border-radius:var(--radius-xl);border:none;transition:all var(--transition-normal);cursor:pointer}.btn-ghost:hover{color:hsl(var(--primary));background:hsl(var(--primary) / .1)}.btn-neon{background:transparent;color:hsl(var(--primary));font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-xl);border:2px solid hsl(var(--primary));box-shadow:0 0 10px hsl(var(--primary) / .3);transition:all var(--transition-normal);cursor:pointer}.btn-neon:hover{background:hsl(var(--primary) / .1);box-shadow:0 0 20px hsl(var(--primary) / .5),0 0 40px hsl(var(--primary) / .3);transform:translateY(-2px)}.input-neon{background:hsl(var(--background-card));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);padding:.75rem 1rem;transition:all var(--transition-normal)}.input-neon:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .2),0 0 20px hsl(var(--primary) / .1)}.input-neon::placeholder{color:hsl(var(--foreground-subtle))}.card{background:hsl(var(--background-card));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);padding:1.5rem}.card-interactive{transition:all var(--transition-normal);cursor:pointer}.card-interactive:hover{border-color:hsl(var(--primary) / .5);box-shadow:0 0 30px hsl(var(--primary) / .1),var(--shadow-lg);transform:translateY(-4px)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-primary{background:hsl(var(--primary) / .15);color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .3)}.badge-success{background:hsl(var(--success) / .15);color:hsl(var(--success));border:1px solid hsl(var(--success) / .3)}.badge-error{background:hsl(var(--error) / .15);color:hsl(var(--error));border:1px solid hsl(var(--error) / .3)}.badge-warning{background:hsl(var(--warning) / .15);color:hsl(var(--warning));border:1px solid hsl(var(--warning) / .3)}*:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--border: 230 20% 40%}.glass,.glass-strong{background:hsl(var(--background));border-width:2px}}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}}