:root{--ink:#1d2226;--muted:#59636b;--bg:#e8eaec;--panel:#fff;--line:#c9cdd1;--steel:#1f4e79;--steel-d:#163a5a;--hivis:#f2b705;--bad:#a4262c;--ok:#1f6b3a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.25rem;background:var(--ink);border-bottom:4px solid var(--hivis)}
.brand{color:#fff;font-weight:700;letter-spacing:.02em;text-decoration:none}
.who{display:flex;align-items:center;gap:.9rem;color:#d7dbde;margin:0}
button.link{background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
main{max-width:62rem;margin:0 auto;padding:1.75rem 1.25rem 3rem}
h1{font-size:1.7rem;margin:.2rem 0 .3rem}
h2{font-size:1.15rem;margin:2rem 0 .6rem}
.muted{color:var(--muted)}
.tag{display:inline-block;padding:.05rem .55rem;border:1px solid var(--line);background:var(--panel);border-radius:3px;font-size:.85rem;margin:0 .3rem .3rem 0}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin-top:1rem}
.tile{display:block;background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--steel);padding:1rem 1.1rem;color:inherit;text-decoration:none}
a.tile:hover,a.tile:focus-visible{border-left-color:var(--hivis);outline:2px solid var(--steel)}
.tile strong{display:block;font-size:1.05rem}
.tile.off{border-left-color:var(--line);color:var(--muted)}
.card{background:var(--panel);border:1px solid var(--line);padding:1.4rem;max-width:26rem;margin:2.5rem auto}
.card.wide{max-width:none;margin:1rem 0}
label{display:block;font-weight:600;margin:.9rem 0 .25rem}
input[type=text],input[type=email],input[type=password]{width:100%;padding:.6rem .7rem;border:1px solid #8b9298;border-radius:3px;font:inherit}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--hivis);outline-offset:1px}
.check{display:flex;align-items:center;gap:.5rem;font-weight:400;margin:.35rem 0}
.btn{margin-top:1.1rem;background:var(--steel);color:#fff;border:0;padding:.65rem 1.1rem;font:inherit;font-weight:600;border-radius:3px;cursor:pointer}
.btn:hover{background:var(--steel-d)}
.msg{padding:.6rem .8rem;border-left:4px solid var(--ok);background:#e6f2ea;margin:1rem 0}
.msg.err{border-left-color:var(--bad);background:#f8e8e9}
table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line)}
th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#f3f4f5;font-size:.9rem}
.scroll{overflow-x:auto}
@media (max-width:40rem){.who span{display:none}}