:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#fff;--border-color:#e2e8f0e6;--border-highlight:#6366f166;--text-main:#1e293b;--text-heading:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--accent-purple:#7c3aed;--accent-indigo:#4f46e5;--accent-cyan:#0284c7;--accent-pink:#db2777;--accent-emerald:#16a34a;--gradient-primary:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #db2777 100%);--gradient-card:linear-gradient(135deg, #f8fafce6 0%, #f1f5f9e6 100%);--gradient-glow:linear-gradient(135deg, #4f46e514, #7c3aed14);--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--radius-sm:10px;--radius-md:18px;--radius-lg:26px;--radius-full:9999px;--shadow-card:0 10px 30px -5px #0f172a0f, 0 4px 6px -2px #0f172a08;--shadow-card-hover:0 20px 40px -10px #4f46e51f, 0 8px 16px -4px #0f172a0a;--shadow-glow:0 0 40px -5px #4f46e533;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-heading);word-wrap:break-word;font-weight:700;line-height:1.2}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.gradient-text-cyan{background:linear-gradient(135deg,#0284c7,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.25rem}.section{padding:5rem 0;position:relative}@media (width<=768px){.section{padding:3.5rem 0}.container{padding:0 1rem}}.bg-mesh{pointer-events:none;z-index:0;background-image:radial-gradient(circle at 15% 20%,#4f46e512 0%,#0000 45%),radial-gradient(circle at 85%,#db27770d 0%,#0000 45%),radial-gradient(circle at 50% 85%,#0284c70d 0%,#0000 50%);position:absolute;inset:0}.grid-pattern{pointer-events:none;background-image:linear-gradient(90deg,#0f172a08 1px,#0000 1px),linear-gradient(#0f172a08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-normal);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.6rem;max-width:100%;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #4f46e54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4f46e573}.btn-secondary{color:var(--text-heading);border:1px solid var(--border-color);background:#fff;box-shadow:0 2px 8px #0f172a0d}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-indigo);color:var(--accent-indigo);transform:translateY(-2px)}.btn-lg{padding:1rem 2rem;font-size:1.05rem}.btn-sm{padding:.5rem 1.25rem;font-size:.9rem}@media (width<=480px){.btn-lg{width:100%;padding:.9rem 1.5rem;font-size:1rem}}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:var(--transition-normal);max-width:100%;padding:2rem}@media (width<=480px){.glass-card{border-radius:var(--radius-sm);padding:1.5rem}}.glass-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.badge{border-radius:var(--radius-full);color:var(--accent-indigo);box-sizing:border-box;background:#4f46e514;border:1px solid #4f46e533;align-items:center;gap:.5rem;max-width:100%;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--accent-indigo);width:8px;height:8px;box-shadow:0 0 8px var(--accent-indigo);border-radius:50%;flex-shrink:0;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:6s ease-in-out infinite float}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-heading);font-family:var(--font-main);transition:var(--transition-fast);background:#fff;outline:none;padding:.9rem 1.25rem;font-size:1rem}.input-field:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px #4f46e526}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#e2e8f0;border-radius:4px;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{background:var(--gradient-primary);cursor:pointer;-webkit-appearance:none;border-radius:50%;width:22px;height:22px;margin-top:-7px;box-shadow:0 2px 10px #4f46e566}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}