:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#0b0d10; color:#f5f7fa; }
* { box-sizing:border-box; } body { margin:0; min-height:100vh; background:radial-gradient(circle at 80% 0,#24364a 0,transparent 38%),#0b0d10; }
main { width:min(1080px,calc(100% - 32px)); margin:auto; padding:48px 0; }
header,.toolbar,.actions { display:flex; align-items:center; justify-content:space-between; gap:16px; } h1 { margin:4px 0 32px; font-size:clamp(2.2rem,6vw,4.8rem); letter-spacing:-.06em; }
.eyebrow { color:#7dd3fc; font-size:.72rem; font-weight:800; letter-spacing:.18em; } .hero { max-width:660px; font-size:1.25rem; line-height:1.6; }
.button,button { border:0; border-radius:999px; padding:12px 20px; background:#e82127; color:white; font:inherit; font-weight:700; cursor:pointer; text-decoration:none; display:inline-block; }
.hero small { display:block; margin-top:20px; color:#9ca3af; font-size:.82rem; } .subtle { color:#cbd5e1; } .hidden { display:none!important; }
.toolbar,.card,.metric { background:#14181e; border:1px solid #29313b; border-radius:20px; padding:20px; } select,input { display:block; margin-top:7px; padding:10px 12px; color:white; background:#0b0d10; border:1px solid #3b4653; border-radius:9px; }
.metrics { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin:16px 0; } .metric span { display:block; color:#94a3b8; font-size:.8rem; } .metric strong { display:block; margin-top:8px; font-size:1.4rem; }
.card { margin-top:16px; } .card h2 { margin-top:0; } .form-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; } .actions { justify-content:flex-start; margin-top:20px; } button.secondary { background:#334155; }
pre { overflow:auto; max-height:420px; padding:16px; background:#090b0e; border-radius:12px; color:#bae6fd; } .error { padding:14px; background:#4c1114; border-radius:12px; }
@media(max-width:750px){ main{padding:28px 0}.toolbar{align-items:stretch;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr 1fr} }