:root{--bg:#0d0f14;--card:#171a22;--y:#ffc700;--r:#e3242b;--t:#eef0f5;--m:#9aa3b2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font-family:system-ui,Segoe UI,Arial,sans-serif;line-height:1.6}
a{color:var(--y)}header{background:#08090c;border-bottom:4px solid var(--y)}header .in{max-width:880px;margin:auto;padding:10px 18px;display:flex;align-items:center;gap:10px}
header img{width:40px}header a.brand{color:var(--t);text-decoration:none;font-weight:900;font-size:20px}header a.brand span{color:var(--y)}
.doc{max-width:880px;margin:auto;padding:28px 18px 50px}.doc h1{font-size:clamp(28px,5vw,42px);font-weight:900;text-shadow:3px 3px 0 var(--r);margin:10px 0}
.doc h2{border-left:6px solid var(--r);padding-left:10px;margin-top:34px}.doc table{width:100%;border-collapse:collapse;background:var(--card);border-radius:10px;overflow:hidden}
.doc td,.doc th{border-bottom:1px solid #262b36;padding:8px 10px;text-align:left;vertical-align:top}.doc th{color:var(--y)}
.ph{background:#e3242b33;border:1px dashed var(--r);padding:0 5px;border-radius:4px;color:#ffb3b5}.box{background:var(--card);border:1px solid #262b36;border-radius:12px;padding:14px 18px}
.muted{color:var(--m)}.btn{display:inline-block;padding:12px 20px;border-radius:12px;font-weight:900;text-decoration:none;text-transform:uppercase;border:3px solid #111;box-shadow:0 5px 0 #000;cursor:pointer;font-size:14px}.btn.y{background:var(--y);color:#111}
footer{border-top:1px solid #222;color:var(--m);font-size:13px}footer .in{max-width:880px;margin:auto;padding:20px 18px 40px}footer nav a{margin-right:14px}