.hosting-mockup.svelte-idq4um{display:flex;flex-direction:column;gap:12px}.hosting-card.svelte-idq4um{border-radius:20px;border:1px solid var(--border);padding:16px 20px;background:var(--background);transition:box-shadow .2s,border-color .2s;box-shadow:0 2px 8px color-mix(in srgb,var(--text) 4%,transparent)}.hosting-card.active.svelte-idq4um{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 24px color-mix(in srgb,var(--accent) 15%,transparent)}.hc-top.svelte-idq4um{min-height:20px;margin-bottom:4px}.hc-badge.svelte-idq4um{font-size:11px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:2px 8px;border-radius:100px}.hc-domain.svelte-idq4um{font-family:monospace;font-size:14px;font-weight:600;color:var(--accent);margin-bottom:4px}.hc-label.svelte-idq4um{font-size:13px;font-weight:600;margin-bottom:2px}.hc-note.svelte-idq4um{font-size:12px;color:var(--text-light)}.hc-tags.svelte-idq4um{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.hc-tag.svelte-idq4um{font-size:11px;font-weight:600;padding:5px 10px;border-radius:100px;border:1px solid var(--border);color:var(--text-light);background:color-mix(in srgb,var(--text) 3%,var(--background))}.hc-tag.hc-tag-accent.svelte-idq4um{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.hc-methods.svelte-idq4um{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.hc-method.svelte-idq4um{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:color-mix(in srgb,var(--text) 3%,var(--background));transition:border-color .15s,transform .15s}.hc-method.svelte-idq4um:hover{border-color:var(--accent);transform:translateY(-1px)}.hc-method.svelte-idq4um img:where(.svelte-idq4um){display:block}