:root{--dark:#0F1B2D;--teal:#0891B2;--cyan:#22D3EE;--ink:#1E293B;--muted:#64748B;--line:#E2E8F0}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:var(--teal)}
header{background:var(--dark);color:#fff}
.bar{max-width:880px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.04em}
.brand img{width:32px;height:32px;border-radius:6px}
.brand span{color:var(--cyan)}
nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap;font-size:14px}
nav a{color:#CBD5E1;text-decoration:none}
nav a[aria-current]{color:#fff;border-bottom:2px solid var(--cyan)}
main{max-width:880px;margin:0 auto;padding:32px 20px 48px}
h1{font-size:30px;line-height:1.25;margin:0 0 6px;color:var(--dark)}
h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:40px 0 4px}
.lang{font-size:14px;margin:0 0 24px}
section+section{border-top:1px solid var(--line);margin-top:40px}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}
footer .bar{justify-content:space-between}
footer a{color:var(--muted)}
@media (max-width:600px){nav{margin-left:0;width:100%}h1{font-size:24px}}