:root{--bg:#0d1117;--fg:#e6edf3;--mut:#8b949e;--ac:#3fb950;--card:#161b22;--bd:#30363d}
*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--ac);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--bd)}
.logo{font-weight:700;font-size:20px;color:var(--fg)}.logo b{color:var(--ac)}
nav a{color:var(--mut);margin-left:24px;font-size:14px}nav a:hover{color:var(--fg);text-decoration:none}
h1{font-size:34px;letter-spacing:-.5px;margin:36px 0 10px}h2{font-size:22px;margin:28px 0 10px}
p{margin:10px 0;color:var(--fg)}.mut{color:var(--mut)}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:22px;margin:16px 0}
.code{background:#010409;border:1px solid var(--bd);border-radius:10px;padding:18px;font:13px/1.7 SFMono-Regular,Consolas,monospace;color:#c9d1d9;overflow:auto;margin:14px 0}
.code .c{color:#8b949e}.code .k{color:#ff7b72}.code .s{color:#a5d6ff}
.btn{display:inline-block;background:var(--ac);color:#04250e;font-weight:600;padding:11px 22px;border-radius:8px}
.btn:hover{text-decoration:none;opacity:.92}
input{width:100%;padding:11px 13px;margin:8px 0;background:#010409;border:1px solid var(--bd);border-radius:8px;color:var(--fg);font-size:15px}
label{font-size:13px;color:var(--mut)}
table{width:100%;border-collapse:collapse;margin:14px 0}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--bd);font-size:14px}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ac);box-shadow:0 0 8px var(--ac);margin-right:7px}
.form{max-width:400px;margin:30px auto}
footer{border-top:1px solid var(--bd);padding:28px 0;margin-top:40px;color:var(--mut);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}