:root{color-scheme:light;--ink:#17202a;--accent:#2563eb;--surface:#fff;--muted:#64748b}*{box-sizing:border-box}body{margin:0;font:16px system-ui;color:var(--ink);background:#f8fafc}header{display:flex;gap:2rem;align-items:center;padding:1rem 5vw;background:#0f172a}header a{color:#fff;text-decoration:none}nav{display:flex;gap:1rem;flex-wrap:wrap}main{max-width:1100px;margin:auto;padding:3rem 5vw}.hero{padding:8vh 0}.hero h1{font-size:clamp(2rem,6vw,4rem);max-width:14ch}form,.card{max-width:100%;background:var(--surface);padding:1.5rem;border-radius:1rem;box-shadow:0 8px 30px #0f172a12}label{display:grid;gap:.4rem;margin:1rem 0}input,select,button{font:inherit;padding:.75rem;border:1px solid #cbd5e1;border-radius:.5rem}button,.button{background:var(--accent);color:#fff;border:0;text-decoration:none;display:inline-block;padding:.75rem 1rem;border-radius:.5rem}.secondary{background:#475569}table{width:100%;border-collapse:collapse;display:block;overflow:auto}th,td{text-align:left;padding:.65rem;border-bottom:1px solid #e2e8f0;white-space:nowrap}.secret-once{overflow-wrap:anywhere;background:#fef3c7;padding:.75rem;border-radius:.5rem}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}main{padding-top:2rem}}:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}