/* Form Shell */
.ksc-form-page { min-height: 100vh; background: radial-gradient(circle at top left, rgba(22, 199, 132, 0.12), transparent 35%), linear-gradient(135deg, #07111f 0%, #0b1729 45%, #111827 100%); padding: 32px; display: flex; align-items: center; justify-content: center; }
.ksc-form-shell { width: 100%; max-width: 1180px; height: calc(100vh - 64px); background: #ffffff; border-radius: 24px; overflow: hidden; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35); display: flex; flex-direction: column; }
.ksc-form-body { flex: 1; min-height: 0; background: #f8fafc; }

/* Header */
.ksc-form-header { padding: 22px 28px; background: linear-gradient(135deg, #0b1729 0%, #10243f 100%); color: #ffffff; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ksc-form-brand { display: flex; align-items: center; gap: 14px; }
.ksc-form-logo { width: 42px; height: 42px; border-radius: 12px; background: rgba(255, 255, 255, 0.12); display: flex; align-items: center; justify-content: center; font-weight: 800; color: #16c784; }
.ksc-form-title { margin: 0; font-size: 20px; font-weight: 700; color: #ffffff; }
.ksc-form-subtitle { margin: 3px 0 0; font-size: 13px; color: rgba(255, 255, 255, 0.7); }
.ksc-form-badge { padding: 8px 14px; border-radius: 999px; background: rgba(22, 199, 132, 0.14); color: #16c784; font-size: 13px; font-weight: 600; white-space: nowrap; }

/* Sleek Agent Page */
.ksc-agent-form-page { min-height: 100vh; background: radial-gradient(circle at top left, rgba(22, 199, 132, 0.16), transparent 34%), radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.14), transparent 36%), linear-gradient(135deg, #06101d 0%, #0b1628 46%, #111827 100%); overflow: hidden; }
.ksc-agent-hero { position: relative; padding: 72px 20px 34px; text-align: center; background: linear-gradient(135deg, rgba(7, 17, 31, 0.92) 0%, rgba(16, 36, 63, 0.78) 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.ksc-agent-hero:before { content: ""; position: absolute; inset: 18px 20px auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(22, 199, 132, 0.55), transparent); }
.ksc-agent-hero h1 { margin: 0; color: #ffffff; font-size: 38px; line-height: 1.15; font-weight: 800; letter-spacing: -0.04em; }
.ksc-agent-hero p { max-width: 720px; margin: 12px auto 0; color: rgba(255, 255, 255, 0.72); font-size: 16px; line-height: 1.7; }
.ksc-agent-form-wrapper { width: calc(100% - 48px); max-width: 1180px; height: calc(100vh - 210px); min-height: 760px; margin: 24px auto 32px; background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 28px; overflow: hidden; box-shadow: 0 28px 90px rgba(0, 0, 0, 0.38); backdrop-filter: blur(18px); }

/* Fillout */
.ksc-fillout-frame { width: 100%; height: 100%; }
.ksc-fillout-frame iframe { width: 100% !important; height: 100% !important; border: 0 !important; display: block; }

/* Responsive */
@media (max-width: 768px) { .ksc-form-page { padding: 0; } .ksc-form-shell { height: 100vh; border-radius: 0; } .ksc-form-header { padding: 18px; align-items: flex-start; flex-direction: column; } .ksc-form-badge { display: none; } .ksc-agent-hero { padding: 52px 18px 24px; } .ksc-agent-hero h1 { font-size: 28px; } .ksc-agent-hero p { font-size: 14px; line-height: 1.6; } .ksc-agent-form-wrapper { width: 100%; height: calc(100vh - 145px); min-height: 720px; margin: 0; border-radius: 22px 22px 0 0; border-left: 0; border-right: 0; border-bottom: 0; } }