*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#0f0e1a;color:#ecebf5;line-height:1.65}
a{color:#a9a3f0}header{border-bottom:1px solid #2a2840;background:#15142a}nav{max-width:860px;margin:auto;display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:14px 20px}
nav .brand{font-weight:700;color:#fff;text-decoration:none;margin-right:auto}nav a{text-decoration:none;font-size:.95rem}
main{max-width:860px;margin:auto;padding:32px 20px 60px}h1{font-size:2rem;margin:.2em 0}h2{color:#f0d080;font-size:1.15rem;margin-top:1.8em}
.muted{color:#9a98b0;font-style:italic}.intro{background:rgba(127,119,221,.1);border-left:3px solid #7f77dd;padding:14px 16px;border-radius:10px}
.hero{text-align:center;padding:40px 0}.hero p{font-size:1.15rem;color:#c9c7dc}.btn{display:inline-block;background:#7f77dd;color:#fff;padding:12px 26px;border-radius:999px;text-decoration:none;font-weight:600;margin:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card{background:#1b1a30;border:1px solid #2a2840;border-radius:14px;padding:18px}
details{background:#1b1a30;border:1px solid #2a2840;border-radius:12px;padding:14px 16px;margin:8px 0}summary{cursor:pointer;font-weight:600}
footer{border-top:1px solid #2a2840;text-align:center;padding:24px;color:#9a98b0;font-size:.9rem}
.langs{font-size:.85rem;color:#9a98b0}