.moderne-page.svelte-6ofiu2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}.container.svelte-6ofiu2{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section.svelte-6ofiu2{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:4rem 0;margin-bottom:4rem}.hero-section.svelte-6ofiu2 .container:where(.svelte-6ofiu2){display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content.svelte-6ofiu2 h1:where(.svelte-6ofiu2){font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:1rem;line-height:1.2}.hero-subtitle.svelte-6ofiu2{font-size:1.25rem;color:#6c757d;margin-bottom:2rem}.hero-cta.svelte-6ofiu2{display:flex;gap:1rem;flex-wrap:wrap}.cta-button.svelte-6ofiu2{padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.cta-button.primary.svelte-6ofiu2{background:#667eea;color:#fff}.cta-button.primary.svelte-6ofiu2:hover{background:#5a6fd8;transform:translateY(-2px)}.cta-button.secondary.svelte-6ofiu2{background:#fff;color:#667eea;border:2px solid #667eea}.cta-button.secondary.svelte-6ofiu2:hover{background:#667eea;color:#fff}.hero-image.svelte-6ofiu2 img:where(.svelte-6ofiu2){width:100%;border-radius:12px;box-shadow:0 20px 40px #0000001a}section.svelte-6ofiu2{margin-bottom:4rem}section.svelte-6ofiu2 h2:where(.svelte-6ofiu2){font-size:2.5rem;color:#2c3e50;margin-bottom:1rem;text-align:center}section.svelte-6ofiu2>.container:where(.svelte-6ofiu2)>p:where(.svelte-6ofiu2){text-align:center;font-size:1.1rem;color:#6c757d;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.guide-grid.svelte-6ofiu2{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.guide-item.svelte-6ofiu2{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;border-left:4px solid #667eea}.guide-item.svelte-6ofiu2 h3:where(.svelte-6ofiu2){color:#2c3e50;margin-bottom:1rem;font-size:1.3rem}.examples-section.svelte-6ofiu2{background:#f8f9fa;padding:4rem 0;margin:4rem 0}.example-grid.svelte-6ofiu2{display:grid;gap:4rem}.example-item.svelte-6ofiu2 h3:where(.svelte-6ofiu2){text-align:center;color:#2c3e50;margin-bottom:2rem;font-size:1.5rem}.before-after.svelte-6ofiu2{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.before.svelte-6ofiu2,.after.svelte-6ofiu2{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #0000001a}.before.svelte-6ofiu2 img:where(.svelte-6ofiu2),.after.svelte-6ofiu2 img:where(.svelte-6ofiu2){width:100%;height:300px;object-fit:cover}.label.svelte-6ofiu2{position:absolute;top:1rem;left:1rem;background:#000c;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.faq-grid.svelte-6ofiu2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.faq-item.svelte-6ofiu2{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014}.faq-item.svelte-6ofiu2 h3:where(.svelte-6ofiu2){color:#2c3e50;margin-bottom:1rem;font-size:1.2rem}.styles-grid.svelte-6ofiu2{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.style-card.svelte-6ofiu2{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.style-card.svelte-6ofiu2:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.style-card.svelte-6ofiu2 h3:where(.svelte-6ofiu2){color:#667eea;margin-bottom:.5rem;font-size:1.3rem}@media (max-width: 768px){.hero-section.svelte-6ofiu2 .container:where(.svelte-6ofiu2){grid-template-columns:1fr;text-align:center}.hero-content.svelte-6ofiu2 h1:where(.svelte-6ofiu2){font-size:2.5rem}.before-after.svelte-6ofiu2,.guide-grid.svelte-6ofiu2,.faq-grid.svelte-6ofiu2,.styles-grid.svelte-6ofiu2{grid-template-columns:1fr}.container.svelte-6ofiu2{padding:0 1rem}section.svelte-6ofiu2 h2:where(.svelte-6ofiu2){font-size:2rem}}