:root { --bg:#0a0d12; --surface:#111520; --accent:#2f7fff; --text:#e8edf5; --text-muted:#7a8599; --border:rgba(255,255,255,0.07); }
    *, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
    body { background:var(--bg); color:var(--text); font-family:'DM Sans',sans-serif; line-height:1.7; }
    h1,h2,h3 { font-family:'Syne',sans-serif; line-height:1.36; }
    nav { position:sticky; top:0; z-index:10; display:flex; justify-content:space-between; align-items:center; padding:1.2rem 6vw; background:rgba(10,13,18,0.9); border-bottom:1px solid var(--border); backdrop-filter:blur(10px); }
    .logo { font-family:'Syne',sans-serif; font-weight:800; font-size:1.4rem; line-height:1.4; color:var(--text); text-decoration:none; }
    .logo span { color:var(--accent); }
    .back-link { color:var(--text-muted); text-decoration:none; font-size:0.9rem; line-height:1.45; }
    .back-link:hover { color:var(--text); }
    main { max-width:1050px; margin:0 auto; padding:4rem 6vw 5rem; }
    h1 { font-size:clamp(1.8rem,4vw,2.8rem); margin-bottom:1rem; }
    .lead { color:var(--text-muted); margin-bottom:2rem; }
    .card { background:var(--surface); border:1px solid var(--border); padding:1.4rem 1.6rem; margin-bottom:1rem; }
    h2 { font-size:1.05rem; margin-bottom:0.7rem; }
    h3 { font-size:0.95rem; margin:.9rem 0 .45rem; color:var(--text-muted); }
    p, li { font-size:0.94rem; }
    ul { margin-left:1.2rem; }
    a { color:var(--accent); }

@media (max-width: 700px) {
  nav { padding: 1rem 5vw; }
  .logo { font-size: 1.2rem; }
  .back-link { font-size: 0.82rem; }
  main { padding: 3rem 5vw 4rem; }
  .card { padding: 1.1rem; }
}