.demo-flow-app{background:var(--bg,#f8fafc);flex-direction:column;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.demo-flow-header{background:var(--surface,#fff);border-bottom:1px solid var(--border,#e5e7eb);justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.demo-flow-brand{color:var(--primary,#6366f1);font-size:18px;font-weight:700}.demo-flow-pill{background:var(--primary-bg,#eef2ff);color:var(--primary,#6366f1);text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600}.demo-flow-main{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.demo-flow-stage{background:var(--surface,#fff);border-radius:16px;flex-direction:column;width:100%;max-width:720px;min-height:520px;padding:56px 48px;display:flex;box-shadow:0 10px 40px #0f172a14}.persona-slide{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.persona-avatar{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:24px;font-size:96px;display:flex;box-shadow:0 8px 32px #6366f12e}.persona-role-tag{background:var(--primary-bg,#eef2ff);color:var(--primary,#6366f1);border-radius:100px;margin-bottom:12px;padding:6px 16px;font-size:13px;font-weight:600}.persona-name{color:#0f172a;margin:0 0 16px;font-size:36px;font-weight:700}.persona-caption{color:#475569;max-width:520px;margin:0;font-size:17px;line-height:1.6}.notice-slide{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.notice-emoji{margin-bottom:24px;font-size:96px}.notice-title{color:#0f172a;margin:0 0 16px;font-size:32px;font-weight:700}.notice-body{color:#475569;max-width:520px;margin:0;font-size:17px;line-height:1.6}.final-forms{text-align:left;margin:32px 0 0;padding:0;list-style:none}.final-forms li{color:#1e293b;padding:10px 0;font-size:15px;font-weight:500}.final-forms .check{color:#10b981;margin-right:10px;font-weight:700}.form-slide{flex-direction:column;flex:1;display:flex}.form-actor-tag{background:var(--primary-bg,#eef2ff);color:var(--primary,#6366f1);border-radius:100px;align-self:flex-start;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600}.form-title{color:#0f172a;margin:0 0 6px;font-size:26px;font-weight:700}.form-subtitle{color:#64748b;margin:0 0 24px;font-size:14px}.form-fields-wrapper{flex:1;min-height:320px;position:relative;overflow:hidden}.form-fields{flex-direction:column;gap:14px;display:flex}.demo-field{border:1.5px solid var(--border,#e5e7eb);background:#fff;border-radius:10px;padding:12px 16px}.demo-field.auto{background:#fafbff;border-color:#c7d2fe}.demo-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.auto-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:#6366f1;border-radius:4px;padding:2px 6px;font-size:9px}.demo-field-value{color:#0f172a;font-size:15px;font-weight:500}.form-fade-mask{pointer-events:none;background:linear-gradient(#fff0 0%,#fff 80%);height:120px;position:absolute;bottom:0;left:0;right:0}.form-more-hint{text-align:center;color:#94a3b8;font-size:12px;font-style:italic;position:absolute;bottom:8px;left:0;right:0}.demo-footer{background:var(--surface,#fff);border-top:1px solid var(--border,#e5e7eb);align-items:center;gap:32px;padding:20px 32px;display:flex}.demo-footer .btn{flex:none;width:auto;min-width:120px}.demo-progress{flex:1;min-width:0}.demo-progress-text{color:#64748b;text-align:center;white-space:nowrap;margin-bottom:6px;font-size:12px;font-weight:500}.demo-progress-bar{background:#e5e7eb;border-radius:100px;height:6px;overflow:hidden}.demo-progress-fill{background:var(--primary,#6366f1);height:100%;transition:width .3s}.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s}.btn.primary{background:var(--primary,#6366f1);color:#fff}.btn.primary:hover{background:#4f46e5}.btn.secondary{color:#475569;background:#f1f5f9}.btn.secondary:hover:not(:disabled){background:#e2e8f0}.btn:disabled{opacity:.4;cursor:not-allowed}