:root{--orange:#ff6a00;--dark:#141414;--muted:#6b7280;--line:#e5e7eb;--bg:#f7f7f8;}
*{box-sizing:border-box}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);margin:0;color:#111827}.top{background:#111;padding:18px 32px;color:white;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:22px}.brand span{color:var(--orange)}.nav a{color:white;margin-left:18px;text-decoration:none;opacity:.9}.hero{padding:56px 32px;background:linear-gradient(135deg,#fff,#fff3ea);border-bottom:1px solid var(--line)}.hero h1{font-size:42px;margin:0 0 12px}.tag{color:var(--orange);font-weight:700}.wrap{max-width:1120px;margin:26px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 22px rgba(0,0,0,.05)}.card h3{margin-top:0}.btn{display:inline-block;background:var(--orange);color:#fff;padding:11px 16px;border-radius:12px;text-decoration:none;border:0;cursor:pointer;font-weight:700}.btn.secondary{background:#222}.input,textarea,select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;margin:7px 0 14px}table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}code,pre{background:#111;color:#e5e7eb;padding:12px;border-radius:10px;display:block;white-space:pre-wrap}.badge{background:#fff0e6;color:#b94700;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.danger{color:#b91c1c}.ok{color:#15803d}.footer{padding:24px;text-align:center;color:var(--muted)}@media(max-width:800px){.grid{grid-template-columns:1fr}.hero h1{font-size:30px}.top{display:block}.nav{margin-top:12px}}