:root{--bg:#0d1117;--fg:#e8eaf0;--mut:#9aa3b2;--acc:#5eead4;--card:#161b22;--bd:#2a313c}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--acc)}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#000;padding:.5rem}
.nav{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:.8rem 5vw;background:#0d1117e6;backdrop-filter:blur(8px);border-bottom:1px solid var(--bd);z-index:9}
.logo{font-weight:800;text-decoration:none;font-size:1.3rem}.nav nav{display:flex;gap:1.1rem;flex-wrap:wrap}.nav nav a{color:var(--fg);text-decoration:none;font-size:.95rem}.nav nav a:hover{color:var(--acc)}
main{max-width:1050px;margin:auto;padding:0 5vw}section{padding:3.5rem 0;border-bottom:1px solid var(--bd)}
.hero{padding:6rem 0 4rem}.hero h1{font-size:clamp(2.8rem,8vw,5rem);margin:.2rem 0;line-height:1.05;background:linear-gradient(90deg,#fff,var(--acc));-webkit-background-clip:text;color:transparent}
.eyebrow{color:var(--acc);text-transform:uppercase;letter-spacing:.15em;font-size:.8rem}.lead{font-size:1.3rem;color:var(--fg)}.hero p{max-width:640px;color:var(--mut)}
.btn{display:inline-block;margin-top:1rem;padding:.75rem 1.3rem;border-radius:999px;background:var(--acc);color:#04211d;font-weight:700;text-decoration:none}.btn.ghost{background:none;border:1px solid var(--acc);color:var(--acc)}
h2{font-size:1.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:1.2rem;transition:.2s}.card:hover{border-color:var(--acc);transform:translateY(-2px)}.card h3{margin:0 0 .3rem;font-size:1.1rem}.card h3 a{color:var(--fg);text-decoration:none}
.meta{color:var(--mut);font-size:.85rem}audio{width:100%}.empty{grid-column:1/-1;border:2px dashed var(--bd);border-radius:14px;padding:2rem;text-align:center;color:var(--mut)}
.tl{list-style:none;padding:0;border-left:2px solid var(--acc)}.tl li{padding:0 0 1rem 1.2rem}
footer{text-align:center;padding:2rem;color:var(--mut)}@media(max-width:600px){.nav nav{gap:.7rem}.nav nav a{font-size:.8rem}}