.demo-hero[data-astro-cid-prwxh6m4]{padding-top:calc(72px + var(--space-10))}.demo-layout[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.demo-sub[data-astro-cid-prwxh6m4]{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:480px}.demo-form[data-astro-cid-prwxh6m4]{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5);max-width:400px}.demo-form__field[data-astro-cid-prwxh6m4] label[data-astro-cid-prwxh6m4]{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.demo-form__field[data-astro-cid-prwxh6m4] input[data-astro-cid-prwxh6m4],.demo-form__field[data-astro-cid-prwxh6m4] select[data-astro-cid-prwxh6m4]{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--color-white);border:1px solid var(--color-warm-1);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.demo-form__field[data-astro-cid-prwxh6m4] input[data-astro-cid-prwxh6m4]:focus,.demo-form__field[data-astro-cid-prwxh6m4] select[data-astro-cid-prwxh6m4]:focus{border-color:var(--color-pink);box-shadow:0 0 0 3px var(--color-pink-glow)}.demo-form__field[data-astro-cid-prwxh6m4] input[data-astro-cid-prwxh6m4]::placeholder{color:var(--text-tertiary)}.demo-form__submit[data-astro-cid-prwxh6m4]{padding:var(--space-4) var(--space-8);font-family:var(--font-body);font-size:var(--text-base);font-weight:700;color:#fff;background:var(--color-pink);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) ease,transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease;box-shadow:0 2px 8px #ff3f7a40}.demo-form__submit[data-astro-cid-prwxh6m4]:hover{background:var(--color-pink-mid);transform:translateY(-2px);box-shadow:0 4px 16px #ff3f7a59}.demo-form__submit[data-astro-cid-prwxh6m4]:disabled{opacity:.7;cursor:default;transform:none}.demo-form__note[data-astro-cid-prwxh6m4]{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.demo-preview[data-astro-cid-prwxh6m4]{border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 60px #191e3233;border:1px solid rgba(255,255,255,.06)}.demo-preview__header[data-astro-cid-prwxh6m4]{background:#1e293b;padding:var(--space-3) var(--space-4);display:flex;align-items:center}.demo-preview__dots[data-astro-cid-prwxh6m4]{display:flex;gap:6px}.demo-preview__dots[data-astro-cid-prwxh6m4] span[data-astro-cid-prwxh6m4]{width:10px;height:10px;border-radius:50%;background:#ffffff26}.demo-preview__dots[data-astro-cid-prwxh6m4] span[data-astro-cid-prwxh6m4]:first-child{background:#ff5f57}.demo-preview__dots[data-astro-cid-prwxh6m4] span[data-astro-cid-prwxh6m4]:nth-child(2){background:#febc2e}.demo-preview__dots[data-astro-cid-prwxh6m4] span[data-astro-cid-prwxh6m4]:nth-child(3){background:#28c840}.demo-preview__body[data-astro-cid-prwxh6m4]{background:linear-gradient(135deg,#0f172a,#1e293b);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.demo-preview__content[data-astro-cid-prwxh6m4]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.demo-preview__content[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{color:#ffffff80;font-weight:600;font-size:var(--text-base)}.demo-preview__content[data-astro-cid-prwxh6m4] span[data-astro-cid-prwxh6m4]{color:#ffffff40;font-size:var(--text-xs)}.demo-highlights[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-6)}.demo-highlight[data-astro-cid-prwxh6m4]{text-align:center;padding:var(--space-4);background:var(--color-warm-3);border-radius:var(--radius-md)}.demo-highlight[data-astro-cid-prwxh6m4] strong[data-astro-cid-prwxh6m4]{display:block;font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-green);margin-bottom:var(--space-1)}.demo-highlight[data-astro-cid-prwxh6m4] span[data-astro-cid-prwxh6m4]{font-size:var(--text-xs);color:var(--text-secondary)}.demo-whats-inside[data-astro-cid-prwxh6m4] h2[data-astro-cid-prwxh6m4]{text-align:center;margin-bottom:var(--space-10)}.demo-features[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.demo-feature[data-astro-cid-prwxh6m4]{text-align:center}.demo-feature__num[data-astro-cid-prwxh6m4]{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:var(--color-navy);color:#fff;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);margin-bottom:var(--space-4)}.demo-feature[data-astro-cid-prwxh6m4] h4[data-astro-cid-prwxh6m4]{font-size:var(--text-base);margin-bottom:var(--space-2)}.demo-feature[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}@media(max-width:1024px){.demo-layout[data-astro-cid-prwxh6m4]{grid-template-columns:1fr;gap:var(--space-10)}.demo-features[data-astro-cid-prwxh6m4]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.demo-features[data-astro-cid-prwxh6m4],.demo-highlights[data-astro-cid-prwxh6m4]{grid-template-columns:1fr}}