.container.svelte-ubgb4a{max-width:1200px;margin:0 auto;padding:1rem}.hero.svelte-ubgb4a{text-align:center;margin-bottom:3rem}.hero.svelte-ubgb4a h1:where(.svelte-ubgb4a){font-size:2rem;margin-bottom:.5rem}.subtitle.svelte-ubgb4a{color:#9ca3af;font-size:1.125rem}.widgets-grid.svelte-ubgb4a{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-bottom:3rem}.widget-card.svelte-ubgb4a{background:#1f2937;border-radius:16px;padding:1.5rem;border:1px solid #374151}.widget-header.svelte-ubgb4a{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.widget-badge.svelte-ubgb4a{font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.widget-badge.free.svelte-ubgb4a{background:#166534;color:#86efac}.widget-header.svelte-ubgb4a h2:where(.svelte-ubgb4a){font-size:1.25rem;margin:0}.widget-desc.svelte-ubgb4a{color:#9ca3af;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.preview-container.svelte-ubgb4a h3:where(.svelte-ubgb4a),.code-section.svelte-ubgb4a h3:where(.svelte-ubgb4a){font-size:.75rem;color:#6b7280;text-transform:uppercase;margin:0 0 .75rem}.preview-frame.svelte-ubgb4a{background:#111827;border-radius:12px;padding:1rem;display:flex;justify-content:center;margin-bottom:1.5rem;overflow:hidden}.preview-frame.svelte-ubgb4a iframe:where(.svelte-ubgb4a){border-radius:8px}.code-section.svelte-ubgb4a{margin-bottom:1rem}.code-header.svelte-ubgb4a{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.copy-btn.svelte-ubgb4a{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s}.copy-btn.svelte-ubgb4a:hover{background:#2563eb}.code-block.svelte-ubgb4a{background:#111827;border:1px solid #374151;border-radius:8px;padding:1rem;overflow-x:auto;font-size:.75rem;line-height:1.5;color:#a5f3fc}.code-block.svelte-ubgb4a code:where(.svelte-ubgb4a){white-space:pre}.customization.svelte-ubgb4a{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:1rem}.customization.svelte-ubgb4a h4:where(.svelte-ubgb4a){font-size:.75rem;color:#60a5fa;margin:0 0 .5rem}.customization.svelte-ubgb4a ul:where(.svelte-ubgb4a){margin:0;padding-left:1.25rem;font-size:.8125rem;color:#9ca3af}.customization.svelte-ubgb4a li:where(.svelte-ubgb4a){margin-bottom:.25rem}.customization.svelte-ubgb4a code:where(.svelte-ubgb4a){background:#0000004d;padding:.125rem .375rem;border-radius:4px;font-size:.75rem;color:#fbbf24}.info-section.svelte-ubgb4a{background:linear-gradient(135deg,#1e3a5f,#1f2937);border:1px solid #3b82f6;border-radius:16px;padding:2rem;margin-bottom:2rem;text-align:center}.info-section.svelte-ubgb4a h2:where(.svelte-ubgb4a){margin:0 0 1.5rem;color:#60a5fa}.features-grid.svelte-ubgb4a{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.feature.svelte-ubgb4a{text-align:center}.feature-icon.svelte-ubgb4a{display:inline-block;font-size:1.5rem;font-weight:700;color:#22c55e;margin-bottom:.5rem}.feature.svelte-ubgb4a h3:where(.svelte-ubgb4a){font-size:1rem;margin:0 0 .5rem}.feature.svelte-ubgb4a p:where(.svelte-ubgb4a){font-size:.8125rem;color:#9ca3af;margin:0}.faq-section.svelte-ubgb4a{margin-bottom:2rem}.faq-section.svelte-ubgb4a h2:where(.svelte-ubgb4a){text-align:center;margin-bottom:1.5rem}.faq-list.svelte-ubgb4a{max-width:700px;margin:0 auto}.faq-item.svelte-ubgb4a{background:#1f2937;border-radius:8px;margin-bottom:.75rem;border:1px solid #374151}.faq-item.svelte-ubgb4a summary:where(.svelte-ubgb4a){padding:1rem;cursor:pointer;font-weight:500;color:#f3f4f6}.faq-item.svelte-ubgb4a summary:where(.svelte-ubgb4a):hover{color:#60a5fa}.faq-item.svelte-ubgb4a p:where(.svelte-ubgb4a){padding:0 1rem 1rem;color:#9ca3af;font-size:.875rem;line-height:1.6;margin:0}.contact-section.svelte-ubgb4a{text-align:center;background:#1f2937;border-radius:16px;padding:2rem}.contact-section.svelte-ubgb4a h2:where(.svelte-ubgb4a){margin:0 0 .5rem}.contact-section.svelte-ubgb4a p:where(.svelte-ubgb4a){color:#9ca3af;margin-bottom:1.5rem}.contact-btn.svelte-ubgb4a{display:inline-block;background:#3b82f6;color:#fff;text-decoration:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;transition:background .2s}.contact-btn.svelte-ubgb4a:hover{background:#2563eb}@media(max-width:768px){.widgets-grid.svelte-ubgb4a{grid-template-columns:1fr}.preview-frame.svelte-ubgb4a iframe:where(.svelte-ubgb4a){max-width:100%}.features-grid.svelte-ubgb4a{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero.svelte-ubgb4a h1:where(.svelte-ubgb4a){font-size:1.5rem}.features-grid.svelte-ubgb4a{grid-template-columns:1fr}}