:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}.page{max-width:960px;margin:0 auto;padding:2rem 1rem 4rem}.hero h1{margin:0 0 .25rem}.hero p{color:#64748b;margin:0 0 2rem}.grid{display:grid;gap:1rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.25rem}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.card h3{margin:0}.pill{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;white-space:nowrap}.pill.free{background:#dcfce7;color:#166534}.pill.paid{background:#fef3c7;color:#92400e}.meta{color:#64748b;font-size:.875rem}button{margin-top:.75rem;background:#0f766e;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-weight:600}button:hover{background:#0d9488}.alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.activate-panel{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e2e8f0}.activate-panel label{display:block;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.activate-panel input{display:block;width:100%;margin-top:.25rem;padding:.5rem .65rem;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.hint{color:#64748b;font-size:.875rem}.result{margin-top:1rem;max-height:320px;overflow:auto;background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:8px;font-size:.75rem}