.blob-1:where(.astro-rhnw3vfp){width:500px;height:500px;background:linear-gradient(135deg,#ec4899,#f59e0b);top:-200px;right:-100px;animation-delay:0s}.blob-2:where(.astro-rhnw3vfp){width:400px;height:400px;background:linear-gradient(135deg,#8b5cf6,#ec4899);bottom:-150px;left:-100px;animation-delay:7s}.section:where(.astro-rhnw3vfp) h2:where(.astro-rhnw3vfp){font-size:2.5rem;color:#1e293b;margin-bottom:2rem}code:where(.astro-rhnw3vfp){background:#f1f5f9;padding:.2rem .4rem;border-radius:.25rem;font-size:.9em;color:#e11d48}.intro-section:where(.astro-rhnw3vfp){background:#f8fafc}.intro-box:where(.astro-rhnw3vfp){max-width:800px;margin:0 auto;background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 2px 12px #00000014;border-left:4px solid #ec4899}.intro-box:where(.astro-rhnw3vfp) p:where(.astro-rhnw3vfp){line-height:1.7;margin-bottom:1rem}.intro-box:where(.astro-rhnw3vfp) p:where(.astro-rhnw3vfp):last-child{margin-bottom:0}.intro-box:where(.astro-rhnw3vfp) a:where(.astro-rhnw3vfp){color:#ec4899;text-decoration:none;font-weight:500}.intro-box:where(.astro-rhnw3vfp) a:where(.astro-rhnw3vfp):hover{text-decoration:underline}.how-it-works-section:where(.astro-rhnw3vfp){background:#fff}.workflow-grid:where(.astro-rhnw3vfp){display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.workflow-step:where(.astro-rhnw3vfp){background:linear-gradient(135deg,#f8fafc,#faf5ff);padding:2rem;border-radius:.75rem;box-shadow:0 2px 12px #00000014;position:relative}.step-number:where(.astro-rhnw3vfp){position:absolute;top:-15px;left:1.5rem;width:40px;height:40px;background:linear-gradient(135deg,#ec4899,#f59e0b);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;box-shadow:0 4px 12px #ec48994d}.workflow-step:where(.astro-rhnw3vfp) h3:where(.astro-rhnw3vfp){color:#1e293b;margin-bottom:.5rem;margin-top:.5rem;font-size:1.25rem}.workflow-step:where(.astro-rhnw3vfp) p:where(.astro-rhnw3vfp){color:#64748b;margin-bottom:1rem;line-height:1.6}.workflow-step:where(.astro-rhnw3vfp) pre:where(.astro-rhnw3vfp){background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:.5rem;overflow-x:auto;font-size:.85rem;line-height:1.5}.workflow-step:where(.astro-rhnw3vfp) pre:where(.astro-rhnw3vfp) code:where(.astro-rhnw3vfp){background:none;color:inherit;padding:0}.generated-code-section:where(.astro-rhnw3vfp){background:#f8fafc}.feature-grid:where(.astro-rhnw3vfp){display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card:where(.astro-rhnw3vfp){background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 2px 12px #00000014;transition:transform .2s}.feature-card:where(.astro-rhnw3vfp):hover{transform:translateY(-4px)}.feature-card:where(.astro-rhnw3vfp) h3:where(.astro-rhnw3vfp){color:#1e293b;margin-bottom:.5rem;font-size:1.25rem}.feature-card:where(.astro-rhnw3vfp) p:where(.astro-rhnw3vfp){color:#64748b;line-height:1.6;margin-bottom:.5rem}.feature-card:where(.astro-rhnw3vfp) .detail:where(.astro-rhnw3vfp){font-size:.9rem;color:#94a3b8}.features-section:where(.astro-rhnw3vfp){background:#fff}.features-section:where(.astro-rhnw3vfp) .card:where(.astro-rhnw3vfp){background:linear-gradient(135deg,#f8fafc,#faf5ff);padding:2rem;border-radius:.75rem;box-shadow:0 2px 12px #00000014;transition:transform .2s}.features-section:where(.astro-rhnw3vfp) .card:where(.astro-rhnw3vfp):hover{transform:translateY(-4px)}.features-section:where(.astro-rhnw3vfp) .card:where(.astro-rhnw3vfp) h3:where(.astro-rhnw3vfp){color:#1e293b;margin-bottom:.75rem}.features-section:where(.astro-rhnw3vfp) .card:where(.astro-rhnw3vfp) p:where(.astro-rhnw3vfp){color:#64748b;line-height:1.6}.card-icon:where(.astro-rhnw3vfp){font-size:1.5rem;margin-right:.5rem}.development-section:where(.astro-rhnw3vfp){background:#f8fafc}.workflow-list:where(.astro-rhnw3vfp){display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.workflow-item:where(.astro-rhnw3vfp){display:flex;gap:2rem;align-items:flex-start;background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 2px 12px #00000014}.workflow-icon:where(.astro-rhnw3vfp){font-size:2.5rem;flex-shrink:0}.workflow-content:where(.astro-rhnw3vfp) h3:where(.astro-rhnw3vfp){color:#1e293b;margin-bottom:.5rem;font-size:1.25rem}.workflow-content:where(.astro-rhnw3vfp) p:where(.astro-rhnw3vfp){color:#64748b;line-height:1.6}.workflow-content:where(.astro-rhnw3vfp) code:where(.astro-rhnw3vfp){white-space:nowrap}.cta-section:where(.astro-rhnw3vfp){background:linear-gradient(135deg,#ec4899,#f59e0b);color:#fff;text-align:center}.cta-section:where(.astro-rhnw3vfp) h2:where(.astro-rhnw3vfp){color:#fff}.cta-description:where(.astro-rhnw3vfp){font-size:1.125rem;margin-bottom:2rem;opacity:.95}.cta-buttons:where(.astro-rhnw3vfp){display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}