*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;background:#0d0f14;color:#e6e8ee}a{color:#7cc4ff}
.w{max-width:880px;margin:auto;padding:0 18px}header{border-bottom:1px solid #222;padding:14px 0}header a{color:#fff;text-decoration:none;font-weight:700}
nav a{margin-right:14px;font-size:14px}h1{line-height:1.2}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.card{background:#151925;border:1px solid #252b3b;border-radius:10px;padding:14px}.card h3{margin:0 0 6px;font-size:17px}
pre{background:#090b10;border:1px solid #252b3b;border-radius:10px;padding:16px;white-space:pre-wrap;overflow:auto}
button{background:#7c5cff;color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}
.box{border:1px dashed #445;border-radius:10px;padding:14px;margin:22px 0}input{padding:10px;border-radius:8px;border:1px solid #333;background:#0a0c12;color:#fff;width:240px}
footer{border-top:1px solid #222;margin-top:40px;padding:20px 0;font-size:14px;color:#889}