*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-obsidian);color:var(--text-primary);color-scheme:dark;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;max-width:100vw;overflow-x:hidden}body{min-height:100vh;max-width:100vw;overflow-x:hidden;position:relative;background-color:var(--bg-obsidian);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,189,248,.07),transparent 70%),radial-gradient(circle at 100% 40%,rgba(167,139,250,.03),transparent 50%),linear-gradient(to right,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,64px 64px,64px 64px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}::selection{background-color:#38bdf840;color:#e0f2fe}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em;color:var(--text-primary);line-height:1.15}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;border:none;background:none;cursor:pointer;outline:none}code,pre,.font-mono{font-family:var(--font-mono);word-break:break-word}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (max-width: 640px){.container{padding-left:16px;padding-right:16px}}.tech-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border-medium),transparent);margin:64px 0;position:relative}.tech-divider:after{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:5px;height:5px;background:var(--color-cyan);border-radius:50%;box-shadow:0 0 8px var(--color-cyan)}@keyframes signalPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}.animate-pulse-signal{animation:signalPulse 2.5s infinite ease-in-out}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--bg-obsidian: #06080d;--bg-carbon: #0b0f17;--bg-surface: #111724;--bg-surface-elevated: #172033;--bg-glass: rgba(11, 15, 23, .75);--bg-glass-card: rgba(17, 23, 36, .65);--border-dim: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .14);--border-bright: rgba(255, 255, 255, .25);--border-cyan-dim: rgba(56, 189, 248, .2);--border-cyan-bright: rgba(56, 189, 248, .6);--border-red-dim: rgba(242, 64, 64, .25);--border-amber-dim: rgba(246, 163, 32, .25);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Space Grotesk", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Menlo, monospace;--color-cyan: #38bdf8;--color-cyan-glow: rgba(56, 189, 248, .35);--color-amber: #f6a320;--color-amber-glow: rgba(246, 163, 32, .35);--color-red: #f24040;--color-red-glow: rgba(242, 64, 64, .35);--color-green: #24c75f;--color-green-glow: rgba(36, 199, 95, .35);--color-purple: #a78bfa;--color-purple-glow: rgba(167, 139, 250, .35);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-faint: #475569;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-in-out-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease-out-cubic);--transition-normal: .25s var(--ease-out-cubic);--transition-slow: .4s var(--ease-out-cubic)}.hud-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border-medium);background:#111724b3;backdrop-filter:blur(8px);color:var(--text-secondary)}.hud-badge.cyan{border-color:var(--border-cyan-dim);color:var(--color-cyan);background:#38bdf814}.hud-badge.amber{border-color:var(--border-amber-dim);color:var(--color-amber);background:#f6a32014}.hud-badge.red{border-color:var(--border-red-dim);color:var(--color-red);background:#f2404014}.hud-badge.green{border-color:#24c75f40;color:var(--color-green);background:#24c75f14}.hud-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:.01em;transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.btn-primary{background:var(--text-primary);color:var(--bg-obsidian);border:1px solid #ffffff;box-shadow:0 0 20px #ffffff26}.btn-primary:hover{background:var(--color-cyan);border-color:var(--color-cyan);color:var(--bg-obsidian);box-shadow:0 0 25px var(--color-cyan-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-medium);backdrop-filter:blur(8px)}.btn-secondary:hover{background:var(--bg-surface-elevated);border-color:var(--color-cyan);color:#fff;transform:translateY(-1px)}.btn-danger{background:#f2404026;color:#fca5a5;border:1px solid var(--border-red-dim)}.btn-danger:hover{background:#f2404040;border-color:var(--color-red)}.tech-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:28px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}@media (max-width: 640px){.tech-card{padding:18px 14px}}.tech-card:hover{border-color:var(--border-medium)}.tech-card.interactive:hover{border-color:var(--border-cyan-dim);box-shadow:0 10px 30px -10px #00000080,0 0 20px #38bdf80d}.bracketed{position:relative}.bracketed:before,.bracketed:after{content:"";position:absolute;width:8px;height:8px;border-color:var(--border-medium);pointer-events:none;transition:border-color var(--transition-fast)}.bracketed:before{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.bracketed:after{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid}.bracketed:hover:before,.bracketed:hover:after{border-color:var(--color-cyan)}.kpi-card{background:#111724bf;border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:8px}.kpi-label{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.kpi-sub{font-size:12px;color:var(--text-secondary);line-height:1.4}.tech-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--bg-surface-elevated);border-radius:3px;outline:none;border:1px solid var(--border-medium);cursor:pointer}.tech-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-cyan);cursor:pointer;box-shadow:0 0 10px var(--color-cyan-glow);border:2px solid #ffffff;transition:transform var(--transition-fast)}.tech-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.tech-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-cyan);cursor:pointer;box-shadow:0 0 10px var(--color-cyan-glow);border:2px solid #ffffff}.cm-grid{display:grid;grid-template-columns:120px 1fr 1fr;border:1px solid var(--border-medium);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface)}.cm-cell{padding:16px;border-right:1px solid var(--border-dim);border-bottom:1px solid var(--border-dim);display:flex;flex-direction:column;justify-content:center}.cm-cell:last-child{border-right:none}.cm-header{background:#ffffff05;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.cm-highlight-tp{background:#24c75f14;border-left:3px solid var(--color-green)}.cm-highlight-fp{background:#f6a32014;border-left:3px solid var(--color-amber)}.code-window{background:#090d14;border:1px solid var(--border-medium);border-radius:var(--radius-md);overflow:hidden;font-family:var(--font-mono)}.code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff05;border-bottom:1px solid var(--border-dim);font-size:11px;color:var(--text-muted)}.code-content{padding:16px;overflow-x:auto;font-size:12px;line-height:1.6;color:#cbd5e1}