:root{--bg: #0b1220;--card: #0f172a;--muted: #94a3b8;--txt: #e2e8f0;--accent: #38bdf8;--accent-2: #22d3ee;--ok: #22c55e;--warn: #f59e0b;--err: #ef4444;--border: #23324e;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.6}main{display:flex;flex-direction:column;gap:64px;padding:24px}section{max-width:1100px;margin:0 auto;padding:36px;border-radius:24px;background:linear-gradient(180deg,#ffffff08,#fff0);border:1px solid var(--border);box-shadow:var(--shadow)}.h1{font-size:44px;line-height:1.1;margin:0 0 12px;font-weight:700;letter-spacing:-.02em}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600;margin-bottom:8px}.lead{font-size:18px;color:#cbd5e1;max-width:760px;margin:12px 0}.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:14px;padding:12px 18px;color:var(--txt);background:#ffffff05;cursor:pointer;text-decoration:none;transition:all .2s ease;font-size:14px;font-weight:500}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000004d;background:#ffffff0d}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;color:#041325;font-weight:700}.btn.primary:hover{box-shadow:0 6px 25px #38bdf866}.grid{display:grid;gap:18px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 768px){.grid.cols-3{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow);transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:#cbd5e1;background:#ffffff08;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mono{font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.table{width:100%;border-collapse:collapse;margin-top:16px}.table th,.table td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left}.table th{color:var(--muted);font-weight:600;font-size:14px}header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;border-bottom:1px solid var(--border)}header section{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;box-shadow:none}.led{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px;background:var(--ok);box-shadow:0 0 0 2px #22c55e33}.led.err{background:var(--err);box-shadow:0 0 0 2px #ef444433}input,textarea{width:100%;margin-top:6px;border-radius:12px;border:1px solid var(--border);background:#0b1220;color:var(--txt);padding:10px 12px;outline:none;font-family:inherit;font-size:14px;transition:border-color .2s ease}input:focus,textarea:focus{border-color:var(--accent)}.chart{height:360px;margin-top:16px}footer{margin-top:48px;border-top:1px solid var(--border)}footer section{max-width:1100px;margin:0 auto;padding:36px 24px;background:none;border:none;box-shadow:none}ul{list-style:none;padding:0;margin:8px 0}ul li{padding:4px 0;color:#cbd5e1;font-size:14px}ul li:before{content:"•";color:var(--accent);font-weight:700;display:inline-block;width:1em;margin-left:-1em;padding-right:.5em}h3{font-size:20px;font-weight:600;margin:12px 0 8px}label{display:block;font-size:14px;font-weight:500;color:var(--muted)}
