:root{--bg-primary: #ffffff;--bg-secondary: #fafafa;--surface: rgba(255, 255, 255, .95);--surface-elevated: rgba(255, 255, 255, 1);--surface-glass: rgba(255, 255, 255, .8);--surface-dark: rgba(0, 0, 0, .02);--rainbow-red: #ef4444;--rainbow-orange: #f97316;--rainbow-yellow: #eab308;--rainbow-green: #22c55e;--rainbow-blue: #3b82f6;--rainbow-indigo: #6366f1;--rainbow-purple: #a855f7;--rainbow-pink: #ec4899;--rainbow-cyan: #06b6d4;--primary: #a855f7;--primary-dark: #9333ea;--primary-light: #c084fc;--secondary: #06b6d4;--secondary-dark: #0891b2;--secondary-light: #22d3ee;--accent: #f59e0b;--success: #22c55e;--warning: #eab308;--error: #ef4444;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-inverse: #ffffff;--border-light: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .12);--border-focus: var(--primary);--gradient-rainbow: linear-gradient(135deg, #ef4444 0%, #f97316 14%, #eab308 28%, #22c55e 42%, #06b6d4 57%, #3b82f6 71%, #a855f7 85%, #ec4899 100%);--gradient-rainbow-soft: linear-gradient(135deg, rgba(239, 68, 68, .8) 0%, rgba(249, 115, 22, .8) 14%, rgba(234, 179, 8, .8) 28%, rgba(34, 197, 94, .8) 42%, rgba(6, 182, 212, .8) 57%, rgba(59, 130, 246, .8) 71%, rgba(168, 85, 247, .8) 85%, rgba(236, 72, 153, .8) 100%);--gradient-primary: linear-gradient(135deg, #a855f7 0%, #06b6d4 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #22c55e 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .7) 100%);--gradient-dark: linear-gradient(135deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .02) 100%);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-rainbow: 0 8px 32px rgba(168, 85, 247, .15), 0 4px 16px rgba(6, 182, 212, .1);--shadow-rainbow-hover: 0 12px 40px rgba(168, 85, 247, .2), 0 6px 20px rgba(6, 182, 212, .15);--shadow-glow: 0 0 30px rgba(168, 85, 247, .3);--shadow-glow-secondary: 0 0 30px rgba(6, 182, 212, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", monospace;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);line-height:1.6;color:var(--text-primary);background:var(--bg-primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{text-decoration:none;color:var(--primary);transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light)}.glass-dark{background:var(--gradient-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-glow-secondary{box-shadow:var(--shadow-glow-secondary)}.card-title{font-family:var(--font-primary);color:var(--accent-pink);margin-bottom:1rem}.card-img-top{height:200px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.rainbow-text{background:var(--gradient-rainbow);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hover-lift:hover{transform:translateY(-2px);transition:transform var(--transition-fast)}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--surface: rgba(30, 41, 59, .8);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-light: #334155;--border-medium: #475569}}