@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-main:#07090e;--bg-secondary:#0e121b;--bg-card:#121826b3;--bg-card-hover:#1a2234d9;--border-subtle:#ffffff14;--border-hover:#06b6d466;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d440;--accent-blue:#3b82f6;--accent-purple:#a855f7;--accent-emerald:#10b981;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--shadow-glow:0 0 30px #06b6d426}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(circle at 15% 15%,#06b6d414 0%,#0000 40%),radial-gradient(circle at 85% 30%,#a855f712 0%,#0000 40%),radial-gradient(circle at 50% 80%,#3b82f60f 0%,#0000 50%);background-attachment:fixed;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}code,pre{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .3s}.glass-panel:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #06b6d44d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d473}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;align-items:center;gap:8px;padding:12px 24px;font-weight:500;transition:all .25s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.badge{color:var(--accent-cyan);background:#06b6d41f;border:1px solid #06b6d44d;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.badge-green{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b9814d}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#07090ecc;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:-.5px;align-items:center;gap:12px;font-size:1.35rem;font-weight:800;display:flex}.nav-links{color:var(--text-muted);align-items:center;gap:28px;font-size:.95rem;display:flex}.nav-links a:hover{color:var(--text-main)}input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:4px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 0 10px #06b6d499}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.code-box{border-radius:var(--radius-md);color:#cbd5e1;background:#05070a;border:1px solid #ffffff14;padding:16px;font-size:.85rem;overflow-x:auto}.background-animation-container{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.background-canvas{opacity:.85;width:100%;height:100%;position:absolute;top:0;left:0}.cyber-grid-overlay{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 20%,#0000 75%)}.firewall-scan-beam{background:linear-gradient(90deg,#0000 0%,#06b6d499 50%,#0000 100%);width:100%;height:2px;animation:9s ease-in-out infinite alternate scan-vertical;position:absolute;top:0;left:0;box-shadow:0 0 20px #06b6d4cc,0 0 40px #06b6d466}@keyframes scan-vertical{0%{opacity:.1;top:5%}30%{opacity:.75}70%{opacity:.75}to{opacity:.1;top:92%}}.ambient-glow{filter:blur(90px);opacity:.22;border-radius:50%;animation:10s ease-in-out infinite alternate orb-pulse;position:absolute}.orb-cyan{background:radial-gradient(circle,#06b6d4 0%,#0000 70%);width:480px;height:480px;top:10%;left:15%}.orb-purple{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);width:540px;height:540px;animation-delay:-4s;top:25%;right:12%}.orb-blue{background:radial-gradient(circle,#3b82f6 0%,#0000 70%);width:600px;height:600px;animation-delay:-7s;bottom:15%;left:40%}@keyframes orb-pulse{0%{opacity:.16;transform:scale(.9)translate(0)}50%{opacity:.28;transform:scale(1.15)translate(25px,-20px)}to{opacity:.18;transform:scale(.95)translate(-20px,25px)}}.floating-badge{-webkit-backdrop-filter:blur(12px);color:#e2e8f0;background:#0e1420bf;border:1px solid #06b6d44d;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;transition:transform .3s;display:flex;position:absolute;box-shadow:0 4px 20px #0006,0 0 15px #06b6d426}.live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite live-blink;box-shadow:0 0 8px #10b981}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.4}}.badge-top-left{animation:7s ease-in-out infinite alternate float-gentle;top:18%;left:6%}.badge-top-right{animation:8s ease-in-out infinite alternate-reverse float-gentle;top:22%;right:6%}.badge-mid-left{animation:9s ease-in-out infinite alternate-reverse float-gentle;top:60%;left:8%}.badge-mid-right{animation:7.5s ease-in-out infinite alternate float-gentle;top:64%;right:8%}@keyframes float-gentle{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(1deg)}to{transform:translateY(12px)rotate(-1deg)}}.navbar,section,footer{z-index:10;position:relative}