:root{color-scheme:dark;--bg:#0d0f11;--panel:#16191c;--border:#343a40;--text:#e9ecef;--muted:#adb5bd;--accent:#64a19d;--accent-strong:#8cc2be}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent-strong)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
header{border-bottom:1px solid var(--border);background:#000;padding:12px 24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
header .brand{font:700 18px/1 "Courier Prime","Courier New",monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--text);text-decoration:none}
header nav{margin-left:auto;display:flex;gap:16px}
main{max-width:1040px;margin:0 auto;padding:24px}
h1,h2{font-family:"Courier Prime","Courier New",monospace;letter-spacing:.04em}
.lead{color:var(--muted);font-size:18px}
.guides{list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.guides a{display:block;height:100%;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);text-decoration:none}
.guides a:hover{border-color:var(--accent)}.guides img{width:100%;border-radius:4px;border:1px solid var(--border)}
.guides strong{display:block;margin-top:8px;font-size:18px}.guides span{color:var(--muted)}
.step{margin:32px 0;padding-top:16px;border-top:1px solid var(--border)}
.step img,video{width:100%;height:auto;border:1px solid var(--border);border-radius:6px;background:#000}
.step ol{color:var(--muted)}
footer{max-width:1040px;margin:0 auto;padding:24px;color:var(--muted);font-size:14px;border-top:1px solid var(--border)}