:root{--color-primary-black: #0a0a0a;--color-secondary-black: #1a1a1a;--color-tertiary-black: #2a2a2a;--color-quaternary-black: #3a3a3a;--color-rainbow-purple: #8263f5;--color-rainbow-pink: #f23d66;--color-rainbow-green: #22c55e;--color-rainbow-yellow: #f59e0b;--color-rainbow-orange: #ff6b35;--color-rainbow-blue: #3b82f6;--color-rainbow-indigo: #6366f1;--gradient-primary: linear-gradient(135deg, var(--color-rainbow-purple), var(--color-rainbow-pink));--gradient-secondary: linear-gradient(135deg, var(--color-rainbow-green), var(--color-rainbow-yellow));--gradient-tertiary: linear-gradient(135deg, var(--color-rainbow-blue), var(--color-rainbow-indigo));--gradient-rainbow: linear-gradient(45deg, var(--color-rainbow-purple), var(--color-rainbow-pink), var(--color-rainbow-green), var(--color-rainbow-yellow), var(--color-rainbow-orange), var(--color-rainbow-blue) );--gradient-dark-purple: linear-gradient(135deg, var(--color-primary-black), var(--color-rainbow-purple));--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--text-muted: #9ca3af;--text-dark: #1a1a1a;--text-dark-secondary: #374151;--bg-primary: var(--color-primary-black);--bg-secondary: var(--color-secondary-black);--bg-tertiary: var(--color-tertiary-black);--bg-white: #ffffff;--bg-light: #f8fafc;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .08);--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .2);--border-accent: var(--color-rainbow-purple);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .3);--shadow-rainbow: 0 8px 32px rgba(130, 99, 245, .3);--shadow-rainbow-lg: 0 20px 60px rgba(130, 99, 245, .4);--transition-fast: all .2s ease;--transition-normal: all .3s ease;--transition-slow: all .5s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 80px;--spacing-5xl: 120px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-rainbow)}::selection{background:#8263f54d;color:var(--text-primary)}*:focus{outline:2px solid var(--color-rainbow-purple);outline-offset:2px}*{transition:var(--transition-normal)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.text-gradient{background:var(--gradient-rainbow);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}.bg-gradient{background:var(--gradient-rainbow);background-size:300% 300%;animation:gradientShift 3s ease infinite}.border-gradient{border:2px solid transparent;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,var(--gradient-rainbow) border-box}@media (max-width: 768px){:root{--spacing-5xl: 80px;--spacing-4xl: 60px;--spacing-3xl: 48px}}