:root{--font-heading:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-page:#080c14;--bg-surface:#0e1526;--bg-surface-elevated:#131d35;--bg-surface-glass:#0e1526bf;--cyan-primary:#06b6d4;--cyan-light:#22d3ee;--cyan-dark:#0891b2;--cyan-glow:#06b6d459;--indigo-primary:#6366f1;--indigo-light:#818cf8;--indigo-dark:#4f46e5;--indigo-glow:#6366f159;--violet-primary:#8b5cf6;--violet-light:#a78bfa;--emerald-security:#10b981;--emerald-light:#34d399;--emerald-dark:#059669;--emerald-glow:#10b9814d;--amber-finops:#f59e0b;--amber-light:#fbbf24;--amber-dark:#d97706;--text-main:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-subtle:#64748b;--border-subtle:#ffffff14;--border-medium:#ffffff29;--border-glow:#06b6d44d;--shadow-xs:0 1px 2px 0 #0006;--shadow-sm:0 2px 8px 0 #00000080;--shadow-md:0 8px 24px -4px #0009;--shadow-lg:0 16px 36px -6px #000000b3;--shadow-glow:0 0 25px -5px var(--cyan-glow)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-page);font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.tech-grid-bg{background-image:radial-gradient(circle at 50% 0,#06b6d41f 0%,#0000 65%),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0,0 0;background-size:100% 100%,48px 48px,48px 48px}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--text-main);text-wrap:balance;font-weight:700;line-height:1.25}p{text-wrap:pretty}.gradient-text-cyan{background:linear-gradient(135deg,#22d3ee 0%,#38bdf8 50%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-violet{background:linear-gradient(135deg,#a78bfa 0%,#818cf8 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-emerald{background:linear-gradient(135deg,#34d399 0%,#10b981 50%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,#fde047 0%,#f59e0b 50%,#f97316 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.tech-badge{letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-medium);color:var(--text-secondary);background:#0e1526cc;border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.tech-badge-cyan{color:var(--cyan-light);background:#06b6d41a;border-color:#06b6d459;box-shadow:0 0 12px #06b6d426}.tech-badge-indigo{color:var(--indigo-light);background:#6366f11f;border-color:#6366f159;box-shadow:0 0 12px #6366f126}.tech-badge-emerald{color:var(--emerald-light);background:#10b9811f;border-color:#10b98159;box-shadow:0 0 12px #10b98126}.tech-badge-amber{color:var(--amber-light);background:#f59e0b1f;border-color:#f59e0b59;box-shadow:0 0 12px #f59e0b26}.tech-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.tech-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-md), 0 0 20px -5px #06b6d433;transform:translateY(-3px)}.tech-card-glass{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:16px}.tech-card-glass:hover{box-shadow:var(--shadow-md), 0 0 20px -5px #6366f133;border-color:#6366f166}.status-dot-active{background-color:var(--emerald-security);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-ring;display:inline-block;box-shadow:0 0 0 3px #10b9814d}.status-dot-cyan{background-color:var(--cyan-light);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-ring;display:inline-block;box-shadow:0 0 0 3px #06b6d44d}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.btn{font-family:var(--font-heading);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#6366f1 100%);border-color:#ffffff26;box-shadow:0 4px 16px #06b6d44d}.btn-primary:hover{color:#fff;background:linear-gradient(135deg,#0891b2 0%,#2563eb 50%,#4f46e5 100%);transform:translateY(-2px);box-shadow:0 6px 22px #06b6d473}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main);border-color:var(--border-medium);background:#0e1526cc}.btn-secondary:hover{border-color:var(--cyan-light);color:#fff;background:#16213ae6;transform:translateY(-2px)}.btn-emerald{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#ffffff26;box-shadow:0 4px 16px #10b9814d}.btn-emerald:hover{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.btn-outline{color:var(--cyan-light);background:0 0;border-color:#06b6d466}.btn-outline:hover{border-color:var(--cyan-light);color:#fff;background:#06b6d41a}.tech-tab{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.tech-tab:hover{background:var(--bg-surface-elevated);color:var(--text-main);border-color:var(--border-medium)}.tech-tab.active{color:#fff;border-color:var(--cyan-primary);background:linear-gradient(135deg,#06b6d426,#6366f126);box-shadow:0 0 15px -3px #06b6d44d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#080c14}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}input[type=range]{-webkit-appearance:none;background:#1e293b;border-radius:8px;outline:none;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#06b6d4;border:2px solid #fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;box-shadow:0 0 10px #06b6d499}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}