:root{--bg-page:#f8fafd;--bg-page-alt:#f1f5f9;--bg-card:#fff;--bg-card-subtle:#f8fafc;--bg-glass:#ffffffe0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-light:#64748b;--brand-blue:#2563eb;--brand-blue-hover:#1d4ed8;--brand-indigo:#4f46e5;--brand-violet:#7c3aed;--brand-violet-hover:#6d28d9;--brand-cyan:#06b6d4;--brand-coral:#ff5e62;--brand-amber-dark:#d97706;--brand-pink:#ec4899;--brand-emerald:#10b981;--brand-emerald-dark:#059669;--brand-amber:#f59e0b;--gradient-primary:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-accent:linear-gradient(135deg, #ff5e62 0%, #ff8a00 100%);--gradient-cyan-blue:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-emerald:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-violet-pink:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-card-border:linear-gradient(135deg, #2563eb40, #7c3aed40);--shadow-sm:0 2px 6px -1px #0f172a0d, 0 1px 3px -1px #0f172a08;--shadow-md:0 10px 25px -4px #0f172a0f, 0 4px 10px -2px #0f172a08;--shadow-lg:0 20px 35px -8px #2563eb17, 0 10px 20px -4px #0f172a0a;--shadow-xl:0 25px 50px -12px #2563eb2e, 0 12px 24px -6px #7c3aed1a;--shadow-glow-blue:0 10px 30px -5px #2563eb59;--shadow-glow-coral:0 10px 30px -5px #ff5e6259;--shadow-glow-emerald:0 10px 30px -5px #10b98159;--border-subtle:#e2e8f0d9;--border-vibrant:#6366f133;--border-focus:#2563eb66;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--ease-smooth:cubic-bezier(.16, 1, .3, 1);--duration-normal:.25s;--duration-relaxed:.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;position:relative;overflow-x:hidden}.ambient-mesh{pointer-events:none;z-index:0;background:radial-gradient(circle at 10% 12%,#6366f114 0%,#0000 45%),radial-gradient(circle at 88% 18%,#06b6d417 0%,#0000 40%),radial-gradient(circle,#ff5e620f 0%,#0000 50%),radial-gradient(circle at 85% 85%,#7c3aed12 0%,#0000 45%),radial-gradient(circle at 12% 80%,#10b98112 0%,#0000 40%);position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.15}h1{letter-spacing:-.03em;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:800}h2{letter-spacing:-.025em;font-size:clamp(1.9rem,3.6vw,2.85rem);font-weight:800}h3{font-size:clamp(1.25rem,2vw,1.65rem);font-weight:700}h4{font-size:1.2rem;font-weight:600}p{color:var(--text-secondary);font-size:1.05rem}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{z-index:1;width:100%;max-width:1440px;margin:0 auto;padding:0 48px;position:relative}.text-gradient-primary{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.text-gradient-accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.text-gradient-cyan{background:var(--gradient-cyan-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.text-gradient-emerald{background:var(--gradient-emerald);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-glow-blue);transition:all var(--duration-normal) var(--ease-smooth);padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px -6px #2563eb73}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-primary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-smooth);background:#fff;padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--brand-blue);color:var(--brand-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-accent{justify-content:center;align-items:center;gap:var(--space-2);background:var(--gradient-accent);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-glow-coral);transition:all var(--duration-normal) var(--ease-smooth);padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 16px 36px -6px #ff5e6273}.pill-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);letter-spacing:.02em;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.pill-badge.vibrant{color:var(--brand-blue);background:#2563eb14;border:1px solid #2563eb33}.pill-badge.violet{color:var(--brand-violet);background:#7c3aed14;border:1px solid #7c3aed33}.pill-badge.coral{color:#e11d48;background:#ff5e6217;border:1px solid #ff5e6240}.pill-badge.emerald{color:#059669;background:#10b98117;border:1px solid #10b98140}.pill-badge.cyan{color:#0891b2;background:#06b6d417;border:1px solid #06b6d440}.vibrant-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-smooth);position:relative;overflow:hidden}.vibrant-card:hover{box-shadow:var(--shadow-lg);border-color:#6366f14d;transform:translateY(-4px)}.tab-pill{border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);color:var(--text-secondary);background:#fff;border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.tab-pill:hover{color:var(--brand-blue);border-color:var(--border-subtle)}.tab-pill.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-blue);border-color:#0000}input[type=range]{appearance:none;cursor:pointer;background:#e2e8f0;border-radius:9999px;outline:none;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--gradient-primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;box-shadow:0 4px 10px #2563eb66}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}@keyframes pulseSubtle{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-badge{animation:4s ease-in-out infinite floatAnim}.floating-badge-delayed{animation:4.5s ease-in-out 1s infinite floatAnim}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);width:100%;max-width:620px;max-height:90vh;animation:slideUp .3s var(--ease-smooth);background:#fff;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #0f172a4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1280px){.container{padding:0 36px}}@media (width<=1024px){.container{padding:0 28px}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.container{padding:0 18px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (width<=480px){.container{padding:0 14px}}