*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a;background:#f8fafc;line-height:1.5}a{color:#0d9488;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:1.5rem}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0}.brand{font-weight:700;font-size:1.25rem;color:#0f172a}.btn{display:inline-block;padding:.55rem 1rem;border-radius:6px;background:#0d9488;color:#fff;font-weight:500;border:0;cursor:pointer}.btn:hover{background:#0f766e;text-decoration:none}.btn-outline{background:transparent;color:#0d9488;border:1px solid #0d9488}.card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;transition:box-shadow .15s}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.badge{display:inline-block;padding:2px 8px;border-radius:12px;background:#e2e8f0;font-size:.75rem;color:#475569;margin-right:4px}.badge-free{background:#dcfce7;color:#15803d}.badge-paid{background:#fef3c7;color:#92400e}h1{font-size:2rem;margin-bottom:.5rem}h2{font-size:1.5rem;margin:1.5rem 0 .75rem}h3{font-size:1.125rem;margin-bottom:.25rem}.muted{color:#64748b}.code,.muted{font-size:.875rem}.code{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;overflow-x:auto;-webkit-user-select:all;-moz-user-select:all;user-select:all}pre.code{white-space:pre-wrap;word-break:break-all}input,textarea{font:inherit;padding:.5rem;border:1px solid #cbd5e1;border-radius:4px;width:100%}.flex{display:flex;gap:1rem;align-items:center}