*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b1f24;background:#fafaf7}a{color:#b45309}header,footer{background:#111827;color:#e5e7eb}header a,footer a{color:#fbbf24;text-decoration:none}nav{max-width:960px;margin:auto;padding:14px 20px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}nav .brand{font-weight:700;font-size:1.15em;margin-right:auto;color:#fff}main{max-width:960px;margin:auto;padding:24px 20px}.hero{padding:40px 0}.hero h1{font-size:clamp(1.8em,5vw,2.8em);line-height:1.15;margin:0 0 12px}.btn{display:inline-block;background:#f59e0b;color:#111;padding:12px 20px;border-radius:8px;font-weight:700;text-decoration:none;margin:6px 8px 6px 0}.btn.alt{background:#e5e7eb}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.tag{font-size:.8em;font-weight:700;padding:2px 8px;border-radius:99px;background:#dcfce7;color:#166534}.tag.pro{background:#fef3c7;color:#92400e}code{background:#f3f4f6;padding:1px 4px;border-radius:4px;font-size:.9em;word-break:break-all}footer div{max-width:960px;margin:auto;padding:20px;font-size:.9em}.note{background:#fff7ed;border-left:4px solid #f59e0b;padding:10px 14px}details{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin:8px 0}summary{font-weight:600;cursor:pointer}