:root,[data-theme=dark]{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-bg: #0a0a0a;--color-bg-card: #18181b;--color-bg-elevated: #18181b;--color-bg-hover: #1f1f23;--color-text: #e5e7eb;--color-text-heading: #fff;--color-text-muted: #9ca3af;--color-text-dim: #6b7280;--color-accent: #10b981;--color-accent-hover: #059669;--color-border: #27272a;--color-border-hover: #3f3f46;--color-surface: #111113;--color-danger: #ef4444;--color-badge-bg: rgba(59, 130, 246, .15);--color-badge-text: #60a5fa;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--header-bg: rgba(10, 10, 10, .85);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--max-width: 1200px;--header-height: 64px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}[data-theme=light]{--color-bg: #f8fafc;--color-bg-card: #ffffff;--color-bg-elevated: #f1f5f9;--color-bg-hover: #e2e8f0;--color-text: #1e293b;--color-text-heading: #0f172a;--color-text-muted: #64748b;--color-text-dim: #94a3b8;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-accent: #059669;--color-accent-hover: #047857;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--color-surface: #f1f5f9;--color-danger: #dc2626;--color-badge-bg: rgba(37, 99, 235, .1);--color-badge-text: #2563eb;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--header-bg: rgba(248, 250, 252, .85);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}:root{transition:background-color .4s ease,color .3s ease}*{transition:background-color .3s ease,border-color .3s ease,color .2s ease,box-shadow .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;color:var(--color-text-heading)}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}.animated-counter{text-align:center;padding:24px}.counter-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.counter-label{margin-top:8px;color:var(--color-text-muted);font-size:.9rem}.counters-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:2rem 0}.counters-row>*{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(max-width:768px){.counters-row{grid-template-columns:repeat(2,1fr)}}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s ease-in-out infinite}.hero-orb-1{width:400px;height:400px;background:var(--color-primary);top:-100px;right:-100px;animation-delay:0s}.hero-orb-2{width:300px;height:300px;background:var(--color-accent);bottom:-50px;left:-50px;animation-delay:-7s}.hero-orb-3{width:250px;height:250px;background:#8b5cf6;top:50%;left:50%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}@media(prefers-reduced-motion:reduce){:root,*{transition:none!important}.hero-orb{animation:none!important}}