:root{color-scheme:dark;--bg:#090e17;--panel:#131d2d;--text:#eef3ff;--muted:#a5b1c6;--mint:#91efcb;--edge:#2b3a4d}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -12%,#1a3153 0,transparent 36%),var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.75;color:var(--text)}
a{color:var(--mint)}a:hover{text-decoration:none}.wrap{max-width:850px;margin:0 auto;padding:32px 24px 80px}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--edge);padding-bottom:20px;margin-bottom:48px;flex-wrap:wrap}
.brand{font-size:1.25rem;font-weight:800;letter-spacing:.035em;color:var(--text);text-decoration:none}.brand b{color:var(--mint)}.nav{display:flex;gap:18px;flex-wrap:wrap;font-size:.93rem}
.kicker{font-size:.8rem;color:var(--mint);font-weight:750;letter-spacing:.16em;text-transform:uppercase}h1{font-size:clamp(2rem,6vw,3.35rem);line-height:1.18;letter-spacing:-.04em;margin:12px 0 16px}h2{font-size:1.25rem;margin-top:2.35em;margin-bottom:.55em}h3{font-size:1rem;margin-top:1.5em}p,li{color:#d2deec}.lede{font-size:1.1rem;color:#d8e5f3}.meta{color:var(--muted);font-size:.92rem}main{background:linear-gradient(180deg,#121d2a,#0e1722);border:1px solid var(--edge);border-radius:22px;padding:clamp(20px,5vw,48px);box-shadow:0 20px 70px #0003}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:26px}.card{display:block;background:var(--panel);border:1px solid var(--edge);border-radius:18px;padding:23px;text-decoration:none}.card strong{display:block;color:var(--text);font-size:1.15rem}.card span{color:var(--muted)}
.note{border-left:3px solid var(--mint);background:#152535;padding:12px 16px;border-radius:0 8px 8px 0}.footer{color:var(--muted);font-size:.83rem;border-top:1px solid var(--edge);margin-top:42px;padding-top:22px}.lang{color:var(--muted);font-size:.93rem}ul{padding-left:1.3rem}@media(max-width:550px){.bar{margin-bottom:25px}.nav{gap:10px}}