:root{--bg:#f3f5f7;--surface:#fff;--text:#1b2a33;--muted:#5b6b75;--border:#d5dde2;--heading:#0e1c24}
[data-mode=dark]{--bg:#0f171c;--surface:#16222a;--text:#d5e0e6;--muted:#93a4ae;--border:#26363f;--heading:#f0f5f7}
@media (prefers-color-scheme:dark){[data-mode=system]{--bg:#0f171c;--surface:#16222a;--text:#d5e0e6;--muted:#93a4ae;--border:#26363f;--heading:#f0f5f7}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--primary)}h1,h2,h3{color:var(--heading);line-height:1.2;margin:0 0 .5rem}
h1{font-size:clamp(2.4rem,7vw,4.5rem);letter-spacing:-.03em}h2,.h2{font-size:1.6rem;letter-spacing:-.01em}h3{font-size:1.05rem}
.wrap{max-width:60rem;margin:0 auto;padding:0 1.25rem}.narrow{max-width:26rem}.sec{padding:3rem 1.25rem;border-top:1px solid var(--border)}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--surface);padding:.5rem;z-index:9}
.top{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--border);z-index:5}
.top nav{max-width:70rem;margin:0 auto;padding:.7rem 1.25rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.top ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}.top a{text-decoration:none;color:var(--text)}.brand{font-weight:700;color:var(--heading)!important}
.hero{padding-top:5rem;padding-bottom:4rem;animation:in .6s ease both}.role{font-size:1.4rem;color:var(--primary);margin:.25rem 0 1rem;font-weight:600}
.lead{max-width:42rem;color:var(--muted);font-size:1.1rem}.status{display:flex;align-items:center;gap:.5rem;color:var(--muted);margin:0 0 1rem}
.dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 25%,transparent)}
.cta{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0}
.btn,.sm{display:inline-block;font:inherit;padding:.6rem 1.1rem;border-radius:var(--radius);background:var(--primary);color:#fff;text-decoration:none;border:1px solid var(--primary);cursor:pointer}
.btn.ghost{background:transparent;color:var(--primary)}
.sm{padding:.25rem .6rem;font-size:.85rem;background:var(--surface);color:var(--text);border-color:var(--border)}.sm.danger{background:#b3261e;color:#fff;border-color:#b3261e}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;display:block;color:var(--text);text-decoration:none}
.card.link{transition:border-color .15s}.card.link:hover{border-color:var(--primary)}
.tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:.6rem 0 0}.tags li{font-size:.85rem;border:1px solid var(--border);border-radius:99px;padding:.1rem .65rem;color:var(--muted)}
.log{border-left:3px solid var(--primary);padding-left:1rem;margin:0 0 1.75rem}.log ul{padding-left:1.1rem;margin:.5rem 0}.log li{margin:.35rem 0;max-width:46rem}
.meta{color:var(--muted);font-size:.92rem;margin:.1rem 0}.prose{max-width:44rem}.contact{list-style:none;padding:0}
.form{display:grid;gap:1rem;max-width:36rem}.form label,fieldset label{display:grid;gap:.3rem;font-weight:600}
input,textarea,select{font:inherit;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);width:100%}
fieldset{border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:1rem;padding:1rem}.hp{position:absolute;left:-999px}
.ok{color:#1b7f3b}.bad{color:#b3261e;font-weight:600}.foot{padding:2rem 1.25rem;color:var(--muted)}
.row{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem;margin:0 0 .6rem}
.row input{width:auto;min-width:12rem}.acts{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.inl{display:inline}.chk{display:flex!important;align-items:center;gap:.4rem}.chk input{width:auto}
.pdf{width:100%;height:70vh;border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0}progress{width:100%;height:.8rem}
@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:600px){.top ul{gap:.6rem;font-size:.92rem}.hero{padding-top:3rem}}