*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--radius:12px;--shadow:0 4px 24px rgba(0,0,0,.4)}
[data-theme="dark"],:root{--bg:#0a0a0f;--card:#16162a;--primary:#49cc90;--success:#49cc90;--danger:#e05555;--warning:#f9ab00;--text:#f0ede8;--muted:#9494b8;--border:#2a2a4a}
[data-theme="light"]{--bg:#f0f2f5;--card:#fff;--primary:#0f9d58;--success:#0f9d58;--danger:#d93025;--warning:#f9ab00;--text:#202124;--muted:#5f6368;--border:#dadce0;--shadow:0 1px 3px rgba(0,0,0,.08)}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;padding:20px}
.container{max-width:800px;margin:0 auto}
.card{background:var(--card);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}
.card h1{font-size:1.3rem;font-weight:700;margin-bottom:6px}
.card h2{font-size:1rem;font-weight:600;margin:24px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.card p{font-size:.88rem;color:var(--text);margin-bottom:10px}
.card ul{margin:8px 0 16px;padding-left:20px}
.card li{font-size:.85rem;color:var(--muted);margin-bottom:6px}
.card li strong{color:var(--text)}
.card code{display:block;background:rgba(0,0,0,.2);padding:12px 14px;border-radius:8px;font-family:'SF Mono',Monaco,monospace;font-size:.78rem;color:var(--success);margin:10px 0;overflow-x:auto;white-space:pre}
.meta{color:var(--muted);font-size:.82rem;margin-bottom:20px}
.btn{padding:9px 20px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:inline-block;text-decoration:none}
.btn-primary{background:var(--primary);color:#0a0a0f}
.btn-primary:hover{filter:brightness(.85)}
.btn-outline{border:1px solid var(--border);background:transparent;color:var(--text);text-decoration:none}
.btn-outline:hover{border-color:var(--primary)}
.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.flex-1{flex:1}
.text-primary{color:var(--primary)}
.text-muted{color:var(--muted)}
.price-tag{display:inline-block;background:rgba(73,204,144,.08);padding:3px 10px;border-radius:6px;font-size:.82rem;font-weight:600;color:var(--success)}
.contact-block{margin-top:20px;padding:16px;background:rgba(73,204,144,.06);border-radius:8px;font-size:.85rem;text-align:center}
.contact-block a{color:var(--primary);text-decoration:none}
.contact-block a:hover{text-decoration:underline}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
.pricing-card{padding:16px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid var(--border);text-align:center}
.pricing-card .name{font-size:.78rem;color:var(--muted);margin-bottom:4px}
.pricing-card .price{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:4px}
.pricing-card .desc{font-size:.72rem;color:var(--muted)}
.pricing-card.featured{border-color:var(--primary);background:rgba(73,204,144,.06)}
@media(max-width:600px){.pricing-grid{grid-template-columns:1fr}}
@media print{body{padding:12px;background:#fff;color:#202124;--card:#fff;--muted:#5f6368;--border:#dadce0;--primary:#0f9d58}}
