:root{--cl-bg-primary: #08070f;--cl-bg-card: #0f0e1a;--cl-bg-card-hover: #161529;--cl-bg-surface: #1a1930;--cl-bg-light: #f4f3ff;--cl-purple-start: #6c5ce7;--cl-purple-mid: #4f46e5;--cl-purple-end: #2563eb;--cl-gradient-primary: linear-gradient(135deg, #6c5ce7, #4f46e5, #2563eb);--cl-orange: #ff6b35;--cl-yellow: #f7c948;--cl-gradient-accent: linear-gradient(135deg, #ff6b35 0%, #f7c948 100%);--gradient-brand: linear-gradient(135deg, #ff6b35 0%, #f7c948 100%);--cl-orange-rgb: 255, 107, 53;--cl-orange-subtle: rgba(var(--cl-orange-rgb), .03);--cl-orange-light: rgba(var(--cl-orange-rgb), .08);--cl-orange-medium: rgba(var(--cl-orange-rgb), .12);--cl-orange-border: rgba(var(--cl-orange-rgb), .15);--cl-orange-hover: rgba(var(--cl-orange-rgb), .2);--cl-orange-shadow: rgba(var(--cl-orange-rgb), .3);--cl-text-primary: #e0e0ff;--cl-text-secondary: #8888aa;--cl-text-muted: #5a5a7a;--cl-border: rgba(255, 255, 255, .06);--cl-border-hover: rgba(79, 70, 229, .2);--cl-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--cl-font-mono: "JetBrains Mono", "Fira Code", monospace;--cl-radius-sm: 8px;--cl-radius-md: 16px;--cl-radius-lg: 24px;--cl-radius-xl: 32px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--cl-font-body);background:var(--cl-bg-primary);color:var(--cl-text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}img{max-width:100%}.p-button{font-family:var(--cl-font-body)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--cl-bg-primary)}::-webkit-scrollbar-thumb{background:var(--cl-bg-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cl-purple-mid)}::selection{background:#4f46e54d;color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mono{font-family:var(--cl-font-mono)}.section{padding:100px 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #4f46e526}50%{box-shadow:0 0 40px #4f46e54d}}