.container.svelte-nkeuk8{max-width:1200px;margin:0 auto;padding:0 1rem}.content-wrapper.svelte-nkeuk8{max-width:42rem;margin:0 auto}.hero.svelte-nkeuk8{padding:3rem 0;background:linear-gradient(to bottom right,#166534,#22c55e);color:#fff}.hero-content.svelte-nkeuk8{max-width:42rem;margin:0 auto}.hero.svelte-nkeuk8 h1:where(.svelte-nkeuk8){font-size:2.5rem;line-height:1.2;font-weight:700;margin-bottom:1rem}.hero.svelte-nkeuk8 p:where(.svelte-nkeuk8){font-size:1.25rem;color:#fff}.main-content.svelte-nkeuk8{padding:3rem 0;background-color:#fff}.intro-text.svelte-nkeuk8{margin-bottom:2rem;color:#4b5563;line-height:1.7;font-size:1.125rem}.section-title.svelte-nkeuk8{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:#166534}.section-desc.svelte-nkeuk8{margin-bottom:2rem;color:#4b5563;line-height:1.7;font-size:1.125rem}.visuals-grid.svelte-nkeuk8{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;margin-bottom:3rem}@media (min-width: 768px){.visuals-grid.svelte-nkeuk8{grid-template-columns:repeat(2,1fr)}}.visual-card.svelte-nkeuk8{background-color:#f9fafb;padding:1.5rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;border-top:4px solid;transition:transform .2s}.visual-card.svelte-nkeuk8:hover{transform:translateY(-5px)}.visual-preview.svelte-nkeuk8{height:200px;margin-bottom:1rem;border-radius:.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.visual-preview.svelte-nkeuk8 img:where(.svelte-nkeuk8){max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;background-color:#f0fdf4}.placeholder.svelte-nkeuk8{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:.5rem}.placeholder-text.svelte-nkeuk8{font-size:1.25rem;font-weight:600;color:#166534;text-align:center;padding:1rem}.visual-card.svelte-nkeuk8 h3:where(.svelte-nkeuk8){font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.visual-card.svelte-nkeuk8 p:where(.svelte-nkeuk8){color:#4b5563;margin-bottom:1.5rem;min-height:4.5rem}.color-dark.svelte-nkeuk8{border-top-color:#166534}.color-dark.svelte-nkeuk8 h3:where(.svelte-nkeuk8){color:#166534}.color-1.svelte-nkeuk8{border-top-color:#16a34a}.color-1.svelte-nkeuk8 h3:where(.svelte-nkeuk8){color:#16a34a}.color-2.svelte-nkeuk8{border-top-color:#22c55e}.color-2.svelte-nkeuk8 h3:where(.svelte-nkeuk8){color:#22c55e}.color-3.svelte-nkeuk8{border-top-color:#4ade80}.color-3.svelte-nkeuk8 h3:where(.svelte-nkeuk8){color:#4ade80}.color-4.svelte-nkeuk8{border-top-color:#86efac}.color-4.svelte-nkeuk8 h3:where(.svelte-nkeuk8){color:#16a34a}.color-5.svelte-nkeuk8{border-top-color:#bbf7d0}.color-5.svelte-nkeuk8 h3:where(.svelte-nkeuk8){color:#16a34a}.visual-actions.svelte-nkeuk8{display:flex;flex-wrap:wrap;gap:.75rem}.action-btn.svelte-nkeuk8{display:inline-flex;align-items:center;font-weight:500;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;box-shadow:0 1px 2px #0000001a;transition:all .2s;font-size:.875rem}.action-btn.view.svelte-nkeuk8{background-color:#16a34a;color:#fff}.action-btn.interactive.svelte-nkeuk8{background-color:#166534;color:#fff}.action-btn.development.svelte-nkeuk8{background-color:#f0fdf4;color:#16a34a;border:1px dashed #16a34a;cursor:default}.action-btn.download.svg.svelte-nkeuk8{background-color:#fff;border:1px solid #16a34a;color:#16a34a}.action-btn.download.png.svelte-nkeuk8{background-color:#fff;border:1px solid #22c55e;color:#22c55e}.action-btn.svelte-nkeuk8:hover:not(.development){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.icon.svelte-nkeuk8{margin-left:.5rem}.feedback-card.svelte-nkeuk8{background-color:#f0fdf4;padding:1.5rem;border-radius:.5rem;margin-top:2rem;margin-bottom:2rem}.feedback-card.svelte-nkeuk8 h3:where(.svelte-nkeuk8){font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#166534}.feedback-card.svelte-nkeuk8 p:where(.svelte-nkeuk8){color:#4b5563;margin-bottom:1rem}.contact-link.svelte-nkeuk8{color:#166534;text-decoration:underline;font-weight:500}.back-link.svelte-nkeuk8{margin-bottom:2rem}.back-link.svelte-nkeuk8 a:where(.svelte-nkeuk8){display:inline-flex;align-items:center;color:#16a34a;font-weight:500;text-decoration:none}.back-icon.svelte-nkeuk8{margin-right:.5rem}.language-section.svelte-nkeuk8{border-top:1px solid #e5e7eb;padding-top:2rem;margin-top:2rem}.language-section.svelte-nkeuk8 h3:where(.svelte-nkeuk8){font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#166534}.language-buttons.svelte-nkeuk8{display:flex;gap:1rem}@media (max-width: 640px){.visual-actions.svelte-nkeuk8{flex-direction:column}.action-btn.svelte-nkeuk8{width:100%;justify-content:center}.visual-card.svelte-nkeuk8 p:where(.svelte-nkeuk8){min-height:auto}}