:root{--bg:#060d23;--text:#f0f0fa;--muted:rgba(240,240,250,.66);--faint:rgba(240,240,250,.42);--line:rgba(240,240,250,.13);--on:#9d6bff}
*{box-sizing:border-box;margin:0;padding:0}
body{background:radial-gradient(90% 60% at 80% 0%,rgba(157,107,255,.10),transparent 60%),var(--bg);color:var(--text);font:400 18px/1.7 "Onest",Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit}
.nav{position:sticky;top:14px;z-index:5;margin:14px auto 0;width:min(1180px,calc(100% - 24px));display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px 20px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.035));-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);box-shadow:inset 0 1px 1px rgba(255,255,255,.38),0 12px 40px rgba(0,0,0,.38)}
.nav img{height:32px;width:auto;display:block}.nav div{display:flex;gap:18px;align-items:center}
.nav a{text-decoration:none;font:600 13px/1 "Onest";letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.nav .btn{color:var(--text);padding:14px 20px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 1px 1px rgba(255,255,255,.35)}
main{flex:1;width:min(760px,calc(100% - 32px));margin:0 auto;padding:72px 0 96px}
.meta{font:600 12px/1 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}
h1{font:700 clamp(34px,5vw,56px)/1.05 "Onest";letter-spacing:-.02em;margin-bottom:20px}
h2{font:700 26px/1.2 "Onest";letter-spacing:-.01em;margin:40px 0 12px}
h3{font:700 20px/1.3 "Onest";margin:28px 0 8px}
p,ul{margin-bottom:18px;color:var(--muted)}ul{padding-left:22px}li{margin-bottom:8px}
.lede{font-size:21px;color:var(--text)}
article a{color:var(--text);text-decoration-color:var(--on);text-underline-offset:4px}
.back{margin-top:48px}
.list{list-style:none;padding:0;display:grid;gap:16px;margin-top:40px}
.list a{display:block;text-decoration:none;padding:26px 28px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 1px 1px rgba(255,255,255,.28),inset 0 0 0 1px rgba(255,255,255,.06)}
.list h2{margin:0 0 8px}.list p{margin-bottom:14px}
.more{font:600 12px/1 "JetBrains Mono";letter-spacing:.12em;text-transform:uppercase;color:var(--on)}
footer{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;padding:36px 16px;border-top:1px solid var(--line);font-size:14px;color:var(--faint)}
footer a{text-decoration:none}