.container.svelte-yyh66p{max-width:1200px;margin:0 auto;padding:0 1rem}.content-wrapper.svelte-yyh66p{max-width:42rem;margin:0 auto}.hero.svelte-yyh66p{padding:3rem 0;background:linear-gradient(to bottom right,#4a3d8f,#6b5ca5);color:#fff}.hero-content.svelte-yyh66p{max-width:42rem;margin:0 auto}.hero.svelte-yyh66p h1:where(.svelte-yyh66p){font-size:2.5rem;line-height:1.2;font-weight:700;margin-bottom:1rem}.hero.svelte-yyh66p p:where(.svelte-yyh66p){font-size:1.25rem;color:#fff}.main-content.svelte-yyh66p{padding:3rem 0;background-color:#fff}.intro-text.svelte-yyh66p{margin-bottom:2rem;color:#4b5563;line-height:1.7;font-size:1.125rem}.section-title.svelte-yyh66p{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:#6b5ca5}.section-desc.svelte-yyh66p{margin-bottom:2rem;color:#4b5563;line-height:1.7;font-size:1.125rem}.visuals-grid.svelte-yyh66p{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;margin-bottom:3rem}@media (min-width: 768px){.visuals-grid.svelte-yyh66p{grid-template-columns:repeat(2,1fr)}}.visual-card.svelte-yyh66p{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-yyh66p:hover{transform:translateY(-5px)}.visual-preview.svelte-yyh66p{height:200px;margin-bottom:1rem;border-radius:.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.visual-preview.svelte-yyh66p img:where(.svelte-yyh66p){max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.visual-card.svelte-yyh66p h3:where(.svelte-yyh66p){font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.visual-card.svelte-yyh66p p:where(.svelte-yyh66p){color:#4b5563;margin-bottom:1.5rem;min-height:4.5rem}.color-dark.svelte-yyh66p{border-top-color:#4a3d8f}.color-dark.svelte-yyh66p h3:where(.svelte-yyh66p){color:#4a3d8f}.color-1.svelte-yyh66p{border-top-color:#6b5ca5}.color-1.svelte-yyh66p h3:where(.svelte-yyh66p){color:#6b5ca5}.color-2.svelte-yyh66p{border-top-color:#7e70b5}.color-2.svelte-yyh66p h3:where(.svelte-yyh66p){color:#7e70b5}.color-3.svelte-yyh66p{border-top-color:#9183c3}.color-3.svelte-yyh66p h3:where(.svelte-yyh66p){color:#9183c3}.color-4.svelte-yyh66p{border-top-color:#a497d0}.color-4.svelte-yyh66p h3:where(.svelte-yyh66p){color:#a497d0}.color-5.svelte-yyh66p{border-top-color:#b5abdd}.color-5.svelte-yyh66p h3:where(.svelte-yyh66p){color:#b5abdd}.color-6.svelte-yyh66p{border-top-color:#c8bfeb}.color-6.svelte-yyh66p h3:where(.svelte-yyh66p){color:#c8bfeb}.visual-actions.svelte-yyh66p{display:flex;flex-wrap:wrap;gap:.75rem}.action-btn.svelte-yyh66p{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-yyh66p{background-color:#6b5ca5;color:#fff}.action-btn.interactive.svelte-yyh66p{background-color:#4a3d8f;color:#fff}.action-btn.download.svg.svelte-yyh66p{background-color:#fff;border:1px solid #6B5CA5;color:#6b5ca5}.action-btn.download.png.svelte-yyh66p{background-color:#fff;border:1px solid #9183C3;color:#9183c3}.action-btn.svelte-yyh66p:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.icon.svelte-yyh66p{margin-left:.5rem}.feedback-card.svelte-yyh66p{background-color:#f0edfa;padding:1.5rem;border-radius:.5rem;margin-top:2rem;margin-bottom:2rem}.feedback-card.svelte-yyh66p h3:where(.svelte-yyh66p){font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#6b5ca5}.feedback-card.svelte-yyh66p p:where(.svelte-yyh66p){color:#4b5563;margin-bottom:1rem}.contact-link.svelte-yyh66p{color:#4a3d8f;text-decoration:underline;font-weight:500}.back-link.svelte-yyh66p{margin-bottom:2rem}.back-link.svelte-yyh66p a:where(.svelte-yyh66p){display:inline-flex;align-items:center;color:#6b5ca5;font-weight:500;text-decoration:none}.back-icon.svelte-yyh66p{margin-right:.5rem}.language-section.svelte-yyh66p{border-top:1px solid #e5e7eb;padding-top:2rem;margin-top:2rem}.language-section.svelte-yyh66p h3:where(.svelte-yyh66p){font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#6b5ca5}.language-buttons.svelte-yyh66p{display:flex;gap:1rem}@media (max-width: 640px){.visual-actions.svelte-yyh66p{flex-direction:column}.action-btn.svelte-yyh66p{width:100%;justify-content:center}.visual-card.svelte-yyh66p p:where(.svelte-yyh66p){min-height:auto}}