:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f4f7fb}
*{box-sizing:border-box}body{margin:0}header{display:flex;gap:1rem;align-items:center;padding:1rem clamp(1rem,4vw,3rem);background:#10213e;color:white;position:sticky;top:0;z-index:2}header a{color:white;text-decoration:none}header div{display:flex;flex-direction:column}header span{opacity:.72;font-size:.85rem}main{max-width:1180px;margin:auto;padding:clamp(1rem,3vw,2rem)}.hero{display:grid;grid-template-columns:2fr 1fr;gap:1rem;align-items:center;padding:1rem 0 2rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:#315ea8}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.04;margin:.3rem 0}.panel{background:white;border:1px solid #dbe3ef;border-radius:16px;padding:clamp(1rem,3vw,1.5rem);margin-bottom:1rem;box-shadow:0 8px 28px rgba(25,47,82,.06)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.indicators{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.indicator{background:white;padding:1rem;border-radius:12px;border:1px solid #dbe3ef}.indicator strong{display:block;font-size:1.6rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:700}input,select,textarea{width:100%;padding:.78rem;border:1px solid #bac7da;border-radius:9px;background:white;font:inherit}button{border:0;border-radius:9px;padding:.8rem 1rem;background:#2457a7;color:white;font-weight:800;cursor:pointer;margin-top:.8rem}.check{flex-direction:row;align-items:center}.check input{width:auto}.actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.status{margin-top:1rem;padding:.8rem;border-radius:9px;background:#edf3ff;display:none}.card{border:1px solid #dbe3ef;border-radius:12px;padding:1rem;margin-top:.7rem}.meta{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.78rem;color:#52647f}.tag{background:#eef3fb;border-radius:999px;padding:.2rem .55rem}.card pre{white-space:pre-wrap;font-family:inherit;line-height:1.5}.validate{background:#287a4b}.error{background:#fff0f0;color:#9e2929}@media(max-width:760px){.hero,.grid{grid-template-columns:1fr}.actions{align-items:stretch;flex-direction:column}.actions button{width:100%}header{align-items:flex-start}.indicators{grid-template-columns:1fr 1fr}}