:root{--bg: #0f172a;--panel: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--ok: #4ade80;--border: #334155;--font: "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--text);background:radial-gradient(ellipse at top left,#1e3a5f 0%,transparent 50%),radial-gradient(ellipse at bottom right,#0c4a6e 0%,transparent 45%),var(--bg)}.piloto{max-width:960px;margin:0 auto;padding:3rem 1.25rem 4rem}header{margin-bottom:2.5rem}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--accent)}h1{margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.5rem)}.lead{margin:0;color:var(--muted);font-size:1.1rem}.checks{display:grid;gap:1rem}@media (min-width: 720px){.checks{grid-template-columns:1fr 1fr}.checks .check:last-child{grid-column:1 / -1}}.check{background:color-mix(in srgb,var(--panel) 90%,black);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.35rem}.check h2{margin:0 0 .75rem;font-size:1.05rem}.check ul{margin:0;padding-left:1.1rem;color:var(--muted);line-height:1.7}.check p{margin:0 0 .75rem;color:var(--muted)}.check.ok,.check.vite-ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--border))}.check.vite-ok #vite-status{color:var(--ok);font-weight:600}a{color:var(--accent)}pre{margin:0;padding:.85rem 1rem;overflow-x:auto;background:#0b1220;border-radius:8px;border:1px solid var(--border);font-size:.85rem;color:var(--ok)}footer{margin-top:2rem;color:var(--muted);font-size:.95rem}code{font-size:.9em;color:var(--accent)}
