:root{--bg-canvas:#060911;--bg-subtle:#0a0f1d;--bg-surface:#0e1526;--bg-card:#121c33;--bg-card-hover:#172442;--bg-input:#090e1b;--bg-glass:#0e1526bf;--border-subtle:#19253d;--border-default:#223354;--border-focus:#38bdf8;--border-highlight:#3b82f6;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#8493a8;--text-dim:#54647c;--cyan-500:#06b6d4;--cyan-400:#22d3ee;--cyan-bg:#06b6d41f;--cyan-border:#06b6d44d;--emerald-500:#10b981;--emerald-400:#34d399;--emerald-bg:#10b9811f;--emerald-border:#10b9814d;--amber-500:#f59e0b;--amber-400:#fbbf24;--amber-bg:#f59e0b1f;--amber-border:#f59e0b4d;--rose-500:#f43f5e;--rose-400:#fb7185;--rose-bg:#f43f5e1f;--rose-border:#f43f5e4d;--indigo-500:#6366f1;--indigo-400:#818cf8;--indigo-bg:#6366f11f;--indigo-border:#6366f14d;--blue-500:#3b82f6;--blue-400:#60a5fa;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 14px -2px #0009;--shadow-lg:0 12px 30px -4px #000000bf;--shadow-glow-cyan:0 0 30px -5px #06b6d459;--shadow-glow-indigo:0 0 30px -5px #6366f159;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-canvas);min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;overflow-x:hidden}.ambient-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 15%,#06b6d412 0%,#0000 45%),radial-gradient(circle at 80% 25%,#6366f114 0%,#0000 50%),radial-gradient(circle at 50% 85%,#10b9810d 0%,#0000 55%);position:fixed;inset:0}.ambient-grid{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.site-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1}.section-wrapper{width:100%;max-width:1240px;margin:0 auto;padding:80px 24px}@media (width<=768px){.section-wrapper{padding:48px 18px}}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.03em;line-height:1.2}.font-mono{font-family:var(--font-mono)}.gradient-text-cyan{background:linear-gradient(135deg, #fff 30%, var(--cyan-400) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-glow{background:linear-gradient(135deg, var(--cyan-400) 0%, var(--indigo-400) 50%, #fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--cyan-500) 0%, var(--indigo-500) 100%);color:#fff;border-color:#ffffff26;box-shadow:0 4px 15px #06b6d459}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px #06b6d480}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--cyan-500);transform:translateY(-1px)}.btn-lg{border-radius:var(--radius-md);padding:14px 24px;font-size:15px}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:12px}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color .2s,transform .2s,box-shadow .2s}.glass-panel:hover{border-color:var(--border-default)}.glass-card-hover:hover{border-color:var(--cyan-border);box-shadow:var(--shadow-glow-cyan);transform:translateY(-2px)}.badge{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-cyan{background:var(--cyan-bg);color:var(--cyan-400);border:1px solid var(--cyan-border)}.badge-emerald{background:var(--emerald-bg);color:var(--emerald-400);border:1px solid var(--emerald-border)}.badge-indigo{background:var(--indigo-bg);color:var(--indigo-400);border:1px solid var(--indigo-border)}.badge-rose{background:var(--rose-bg);color:var(--rose-400);border:1px solid var(--rose-border)}.badge-amber{background:var(--amber-bg);color:var(--amber-400);border:1px solid var(--amber-border)}.input-control{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-control:focus{border-color:var(--cyan-500);box-shadow:0 0 0 3px #06b6d433}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:var(--border-default);border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{background:var(--cyan-400);cursor:pointer;-webkit-appearance:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;margin-top:-6px;transition:transform .15s;box-shadow:0 0 10px #06b6d499}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse-subtle{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-subtle}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:before{content:attr(data-tooltip);color:#f8fafc;border-radius:var(--radius-sm,6px);border:1px solid var(--cyan-border,#06b6d44d);white-space:normal;text-align:center;pointer-events:none;opacity:0;visibility:hidden;z-index:1000;background:#0f172a;width:max-content;max-width:280px;padding:6px 12px;font-size:11px;font-weight:500;line-height:1.4;transition:opacity .1s cubic-bezier(.16,1,.3,1) 50ms,transform .1s cubic-bezier(.16,1,.3,1) 50ms,visibility .1s 50ms;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 24px #000000b3,0 0 12px #06b6d433}[data-tooltip]:after{content:"";pointer-events:none;opacity:0;visibility:hidden;z-index:1000;border:6px solid #0000;border-top-color:#0f172a;border-bottom-width:0;transition:opacity .1s cubic-bezier(.16,1,.3,1) 50ms,transform .1s cubic-bezier(.16,1,.3,1) 50ms,visibility .1s 50ms;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}