<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

/* --- Base font override --- */
.neon-form,
.neon-form *,
.el-form,
.el-form * {
  font-family: 'Cairo', sans-serif !important;
}

/* --- Page background --- */
body {
  background-color: #F2F3F4 !important;
}

/* --- Form header (ACCOUNT REGISTRATION, etc.) --- */
.neon-form .el-divider__text,
.neon-form .section-title,
[class*="sectionHeader"],
[class*="section-header"] {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #FAF9F7 !important;
  background-color: #0A3161 !important;
  padding: 6px 12px !important;
  border-radius: 3px !important;
}

/* --- Field labels --- */
.ele-field-label,
.light-label,
.neon-form label {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #0A3161 !important;
}

/* --- Required asterisk --- */
.ele-field-label .required,
.neon-form .is-required .ele-field-label:after {
  color: #B31942 !important;
}

/* --- All text inputs --- */
.el-input__inner {
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  color: #0A3161 !important;
  background-color: #ffffff !important;
  border: 1.5px solid #C6CED7 !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
}

.el-input__inner:focus {
  border-color: #3996DC !important;
  box-shadow: 0 0 0 3px rgba(57, 150, 220, 0.18) !important;
  outline: none !important;
}

/* --- Textarea --- */
.el-textarea__inner {
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  color: #0A3161 !important;
  background-color: #ffffff !important;
  border: 1.5px solid #C6CED7 !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
  min-height: 100px !important;
}

.el-textarea__inner:focus {
  border-color: #3996DC !important;
  box-shadow: 0 0 0 3px rgba(57, 150, 220, 0.18) !important;
  outline: none !important;
}

/* --- Select dropdowns --- */
.el-select .el-input__inner,
.el-select-dropdown__item {
  font-family: 'Cairo', sans-serif !important;
  color: #0A3161 !important;
}

.el-select-dropdown__item.selected {
  color: #B31942 !important;
  font-weight: 600 !important;
}

/* --- File upload dropzone --- */
.el-upload-dragger,
.el-upload,
[class*="upload-dragger"] {
  font-family: 'Cairo', sans-serif !important;
  background-color: #F2F3F4 !important;
  border: 1.5px dashed #3996DC !important;
  border-radius: 4px !important;
  width: 100% !important;
}

.el-upload-dragger:hover,
.el-upload:hover {
  background-color: #e8f3fb !important;
  border-color: #0A3161 !important;
}

.el-upload__text,
.el-upload-dragger .el-icon-upload {
  color: #0A3161 !important;
  font-family: 'Cairo', sans-serif !important;
}

.el-upload__text em {
  color: #3996DC !important;
}

/* --- Checkboxes --- */
.el-checkbox__inner {
  border-color: #C6CED7 !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #B31942 !important;
  border-color: #B31942 !important;
}

.el-checkbox__label {
  font-family: 'Cairo', sans-serif !important;
  color: #0A3161 !important;
}

/* --- Radio buttons --- */
.el-radio__inner {
  border-color: #C6CED7 !important;
}

.el-radio__input.is-checked .el-radio__inner {
  background-color: #B31942 !important;
  border-color: #B31942 !important;
}

.el-radio__label {
  font-family: 'Cairo', sans-serif !important;
  color: #0A3161 !important;
}

/* --- Submit button --- */
.el-button--primary,
.neon-form .el-button--primary {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  background-color: #B31942 !important;
  border-color: #B31942 !important;
  color: #FAF9F7 !important;
  border-radius: 4px !important;
  padding: 12px 36px !important;
}

.el-button--primary:hover {
  background-color: #8f1235 !important;
  border-color: #8f1235 !important;
}

/* --- Error states --- */
.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-textarea__inner {
  border-color: #B31942 !important;
}

.el-form-item__error {
  font-family: 'Cairo', sans-serif !important;
  color: #B31942 !important;
  font-size: 12px !important;
}

/* --- Form title / page heading --- */
.neon-form h1,
.neon-form h2,
.neon-form h3,
[class*="formTitle"],
[class*="form-title"] {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  color: #0A3161 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* --- Mobile --- */
@media (max-width: 600px) {
  .el-button--primary,
  .neon-form .el-button--primary {
    width: 100% !important;
  }
  .el-input__inner {
    font-size: 16px !important;
  }
}
</style>