/* Scoped to the DJ Battle landing page or the opt-in form class. */
body :is(.djbattle-form-box, .gform_wrapper.djbattle-form_wrapper) {
  color-scheme: dark;
  color: #edf2fa;
  font: 400 16px/1.6 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  background: #101620;
  border: 1px solid #303e50;
  border-radius: 24px;
  padding: clamp(20px, 4vw, 48px);
  box-shadow: 0 24px 64px #00000038;
  --gf-color-primary: #50e3ed;
  --gf-color-primary-contrast: #07171b;
  --gf-color-in-ctrl-primary: #151e2b;
  --gf-color-in-ctrl-contrast: #edf2fa;
  --gf-color-in-ctrl-border: #526176;
  --gf-color-out-ctrl-contrast: #edf2fa;
  --gf-color-out-ctrl-contrast-lighter: #b7c3d4;
}
body .gform_wrapper.djbattle-form_wrapper { max-width: 960px; margin: 32px auto; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) * { box-sizing: border-box; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) .gform_title {
  color: #fff; font: 750 clamp(24px, 4vw, 36px)/1.2 system-ui, sans-serif; letter-spacing: -.035em; margin: 0 0 16px;
}
body :is(.djbattle-form-box, .djbattle-form_wrapper) .gform_heading { margin-bottom: 28px; }
body .djbattle-form-box .gform_heading { display: block !important; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) :is(.gform_required_legend, .gform_description) { color: #b7c3d4; font-size: 14px; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) .gform_fields { row-gap: 28px; column-gap: 24px; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) .gfield { min-width: 0; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) :is(.gfield_label, legend.gfield_label) {
  color: #edf2fa !important; font: 650 15px/1.5 system-ui, sans-serif !important; margin-bottom: 10px;
}
body :is(.djbattle-form-box, .djbattle-form_wrapper) :is(.ginput_complex label, .gfield_description, .gform_fileupload_rules, .gform-field-label--type-sub) {
  color: #b7c3d4 !important; font: 400 13px/1.6 system-ui, sans-serif !important;
}
body :is(.djbattle-form-box, .djbattle-form_wrapper) .gfield_required { color: #66e8ef !important; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) :is(input[type=text], input[type=email], input[type=tel], input[type=url], input[type=number], input[type=date], input[type=password], select, textarea) {
  width: 100% !important; max-width: 100%; min-height: 54px !important; padding: 14px 16px !important;
  border: 1px solid #526176 !important; border-radius: 10px !important;
  background-color: #151e2b !important; color: #f5f7fb !important;
  font: 400 16px/1.5 system-ui, sans-serif !important; box-shadow: none !important;
  transition: border-color .15s, box-shadow .15s;
}
body :is(.djbattle-form-box, .djbattle-form_wrapper) textarea { min-height: 150px !important; resize: vertical; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) ::placeholder { color: #a0aec1 !important; opacity: 1; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) :is(input, select, textarea, button, a):focus-visible {
  outline: 2px solid #66e8ef !important; outline-offset: 3px !important; box-shadow: 0 0 0 4px #50e3ed18 !important;
}
body :is(.djbattle-form-box, .djbattle-form_wrapper) :is(.gchoice label, .gfield_consent_label) { color: #d3dce9 !important; font-size: 14px !important; line-height: 1.65; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) :is(input[type=checkbox], input[type=radio]) { accent-color: #50e3ed; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) a { color: #78edf3; text-decoration: underline; text-underline-offset: 3px; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) .gfield--type-section { border-bottom: 1px solid #303e50; padding-bottom: 16px; margin-top: 16px; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) .gsection_title { color: #fff; font-size: 22px; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) .gform_drop_area { background: #151e2b; border: 1px dashed #65758b; border-radius: 12px; padding: 24px; color: #d3dce9; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) :is(.gform_footer, .gform-footer, .gform_page_footer) { margin-top: 32px; padding-top: 24px; border-top: 1px solid #303e50; gap: 12px; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) :is(.gform_button, .gform_next_button, button[type=submit], input[type=submit]) {
  min-height: 54px !important; padding: 14px 28px !important; border: 1px solid #50e3ed !important; border-radius: 10px !important;
  background: #50e3ed !important; color: #07171b !important; font: 750 16px/1.5 system-ui, sans-serif !important;
  cursor: pointer; box-shadow: 0 8px 24px #50e3ed15 !important; white-space: normal;
}
body :is(.djbattle-form-box, .djbattle-form_wrapper) :is(.gform_button, .gform_next_button):hover { background: #89f1f6 !important; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) :is(button, input[type=submit]):disabled { opacity: .55; cursor: wait; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) .gform_validation_errors { background: #301d27 !important; border: 1px solid #ec8393 !important; border-radius: 12px; padding: 20px; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) :is(.gform_validation_errors h2, .gform_validation_errors a, .gfield_validation_message, .validation_message) { color: #ffb8c3 !important; font-size: 14px !important; line-height: 1.6 !important; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) .gfield_error [aria-invalid=true] { border-color: #ec8393 !important; }
body :is(.djbattle-form-box, .djbattle-form_wrapper) .gfield_validation_message { background: #301d27 !important; border: 0 !important; border-radius: 8px; padding: 10px 14px; }
@media (max-width: 640px) {
  body .gform_wrapper.djbattle-form_wrapper { margin: 16px auto; border-radius: 16px; }
  body :is(.djbattle-form-box, .djbattle-form_wrapper) .ginput_complex { flex-direction: column; }
  body :is(.djbattle-form-box, .djbattle-form_wrapper) .ginput_complex > span { width: 100% !important; flex-basis: 100% !important; padding-right: 0 !important; margin-right: 0 !important; }
  body :is(.djbattle-form-box, .djbattle-form_wrapper) .gfield[class*="gfield--width-"] { grid-column: 1 / -1; }
  body :is(.djbattle-form-box, .djbattle-form_wrapper) .gform_button { width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
  body :is(.djbattle-form-box, .djbattle-form_wrapper) * { transition: none !important; }
}