body{color:#e6edf3;background:#0f1117;font-family:system-ui}pre{background:#0d1117;border:1px solid #2b313d;border-radius:8px;padding:18px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{border:1px solid #2b313d;padding:10px}:root{--bg:#0f1117;--card:#151922;--text:#e6edf3;--muted:#9aa4b2;--border:#2b313d;--code-bg:#0d1117;--accent:#3b82f6}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,Arial}.tutorial-container{max-width:900px;margin:auto;padding:50px 20px}h1{margin-bottom:10px;font-size:38px}h2{border-bottom:1px solid var(--border);margin-top:50px;margin-bottom:15px;padding-bottom:8px;font-size:26px}h4{margin-top:20px}.subtitle{color:var(--muted);margin-bottom:40px}section{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:30px;padding:30px}p{color:var(--text);line-height:1.6}ul{padding-left:20px}li{margin-bottom:8px}pre{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;margin-top:10px;padding:18px;font-size:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;margin-top:15px}th{text-align:left;background:#111827;padding:12px}td{border-top:1px solid var(--border);padding:12px}a{color:var(--accent);text-decoration:none}