/* Light Perfex-inspired styling for published FormStudio forms. */
html, body { color-scheme: light !important; }
body { background: #f5f7fa !important; color: #323a45 !important; font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important; }
.card { background: #fff !important; border: 1px solid #e4e5e7 !important; border-radius: 4px !important; box-shadow: 0 1px 3px rgba(0,0,0,.06) !important; }
h1, h2, h3, label { color: #323a45 !important; }
input, textarea, select { background: #fff !important; color: #323a45 !important; border: 1px solid #bfcbd9 !important; border-radius: 3px !important; box-shadow: none !important; }
input:focus, textarea:focus, select:focus { border-color: #03a9f4 !important; outline: 0 !important; box-shadow: 0 0 0 1px rgba(3,169,244,.12) !important; }
.btn { background: #03a9f4 !important; color: #fff !important; border-radius: 3px !important; }
.btn:hover { background: #0286c2 !important; }
.help { color: #6c7888 !important; }
.media-block{margin:0}.media-block img{display:block;width:100%;height:auto;border-radius:8px}.media-block figcaption,.media-caption{font-size:12px;color:#6b7280;margin-top:6px}.video-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#000}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.formstudio-embedded{background:transparent!important}.formstudio-embedded .wrap{max-width:none;margin:0;padding:0}.formstudio-embedded .card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}