@charset "UTF-8";:root{--bg-primary: #060913;--bg-secondary: #0b1120;--bg-card: rgba(15, 23, 42, .75);--bg-card-hover: rgba(30, 41, 59, .85);--bg-glass: rgba(15, 23, 42, .65);--bg-input: rgba(15, 23, 42, .9);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--border-glow-cyan: rgba(6, 182, 212, .4);--border-glow-blue: rgba(59, 130, 246, .4);--border-glow-emerald: rgba(16, 185, 129, .4);--accent-cyan: #06b6d4;--accent-cyan-hover: #22d3ee;--accent-blue: #3b82f6;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #a855f7;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #020617;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--glow-cyan: 0 0 25px rgba(6, 182, 212, .35);--glow-blue: 0 0 25px rgba(59, 130, 246, .35);--glow-emerald: 0 0 25px rgba(16, 185, 129, .35);--glass-shadow: 0 20px 50px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{min-height:100vh;overflow-x:hidden;position:relative;background-color:var(--bg-primary);width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.font-mono{font-family:var(--font-mono)}.cyber-grid-bg{background-size:50px 50px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)}.radial-glow-cyan{background:radial-gradient(circle 800px at 50% -20%,rgba(6,182,212,.15),transparent 70%)}.radial-glow-blue{background:radial-gradient(circle 600px at 80% 40%,rgba(59,130,246,.12),transparent 70%)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:var(--glass-shadow)}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.glass-card:hover{transform:translateY(-4px);border-color:var(--border-glow-cyan);box-shadow:0 20px 40px #0009,0 0 20px #06b6d426;background:var(--bg-card-hover)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;font-family:var(--font-display);font-weight:600;padding:.85rem 1.75rem;min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .25s ease;box-shadow:0 0 20px #06b6d459;text-decoration:none;font-size:.95rem;-webkit-tap-highlight-color:transparent}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #06b6d499;filter:brightness(1.1)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#0f172acc;color:var(--text-primary);font-family:var(--font-display);font-weight:600;padding:.85rem 1.75rem;min-height:44px;border-radius:12px;border:1px solid var(--border-medium);cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none;font-size:.95rem;-webkit-tap-highlight-color:transparent}.btn-secondary:hover{background:#1e293be6;border-color:var(--accent-cyan);transform:translateY(-2px);color:var(--accent-cyan-hover)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.4);padding:.6rem 1.25rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.btn-outline:hover{background:#06b6d41a;border-color:var(--accent-cyan)}.badge-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:#06b6d41a;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.3)}.badge-pill.emerald{background:#10b9811a;color:var(--accent-emerald);border-color:#10b9814d}.badge-pill.amber{background:#f59e0b1a;color:var(--accent-amber);border-color:#f59e0b4d}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 10px #10b981;position:relative;flex-shrink:0}.status-dot:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background-color:inherit;animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(2.2);opacity:0}to{transform:scale(.95);opacity:0}}.gradient-text-cyan{background:linear-gradient(135deg,#fff 20%,#67e8f9 70%,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-emerald{background:linear-gradient(135deg,#fff 20%,#6ee7b7 70%,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:768px){.container{padding-left:1rem;padding-right:1rem}}.scrollable-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.25rem}.scrollable-tabs::-webkit-scrollbar{display:none}input,textarea,select{font-size:16px!important}@media(min-width:768px){input,textarea,select{font-size:.95rem!important}}.metric-box{background:#0a0f1ed9;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;transition:all .2s ease}@media(max-width:640px){.metric-box{padding:1rem}}.metric-box:hover{border-color:#06b6d44d;background:#0f172af2}input[type=range]{accent-color:var(--accent-cyan);min-height:36px}