:root{ --bg:#0E1319; --card:#151C24; --teal:#1D9E75; --mint:#5DE1B2; --text:#EAF2EE; --muted:#8B9AA3; }
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65; display:flex; justify-content:center;
  padding:clamp(24px,6vw,72px) 20px;
}
.wrap{width:100%;max-width:560px}
.home{text-align:center}
.mark{margin:0 auto 28px;display:block}
.ring{transform-origin:center;animation:pulse 3.4s ease-in-out infinite}
.ring:nth-of-type(2){animation-delay:.5s}
@keyframes pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.ring{animation:none}}
h1{font-weight:800;margin-bottom:8px}
.home h1{font-size:clamp(38px,11vw,58px);letter-spacing:.22em}
.tag{color:var(--mint);font-size:17px;margin-bottom:32px}
p{color:var(--muted);margin-bottom:18px}
a{color:var(--mint)}
.cta{
  display:inline-block;background:var(--mint);color:#06231A;font-weight:700;
  text-decoration:none;padding:15px 38px;border-radius:999px;margin:12px 0 40px;
}
.cta:hover{background:#7BEBC4}
.links{display:grid;gap:10px}
.links a{
  display:flex;justify-content:space-between;align-items:center;
  background:var(--card);color:var(--text);text-decoration:none;
  padding:15px 20px;border-radius:14px;
}
.links a:hover{background:#1D2733}
.links span{color:var(--muted)}
footer{margin-top:40px;color:var(--muted);font-size:14px;text-align:center}
/* tekstpagina's */
.doc h1{font-size:clamp(26px,6vw,34px);margin-bottom:6px}
.doc h2{font-size:19px;margin:30px 0 10px;color:var(--text)}
.doc .updated{color:var(--muted);font-size:15px;margin-bottom:26px}
.doc ul{color:var(--muted);margin:0 0 18px 22px}
.doc li{margin-bottom:7px}
.back{display:inline-block;margin-bottom:26px;text-decoration:none;font-size:15px}
.doc a{word-break:break-word}