.ckbr-wrap,
.ckbr-wrap * {
  box-sizing: border-box !important;
}

.ckbr-wrap {
  --ckbr-green: #254d32;
  --ckbr-leaf: #7e9f45;
  --ckbr-orange: #d39a32;
  --ckbr-brown: #8b5a2b;
  --ckbr-cream: #f7f4ea;
  --ckbr-ink: #263229;
  width: 100% !important;
  max-width: 940px !important;
  margin: 26px auto !important;
  overflow: hidden !important;
  border: 1px solid #d6e0d4 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(37, 77, 50, .14) !important;
  color: var(--ckbr-ink) !important;
  font-family: inherit !important;
}

.ckbr-head {
  position: relative !important;
  padding: 26px 30px 23px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 5px solid var(--ckbr-orange) !important;
  background: linear-gradient(135deg, var(--ckbr-cream), #edf3e8) !important;
}

.ckbr-head::after {
  position: absolute !important;
  top: -72px !important;
  right: -58px !important;
  width: 205px !important;
  height: 205px !important;
  border: 30px solid rgba(126, 159, 69, .13) !important;
  border-radius: 50% !important;
  content: "" !important;
}

.ckbr-brand {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 26px !important;
}

.ckbr-logo {
  display: block !important;
  width: 260px !important;
  max-width: 40% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

.ckbr-heading {
  min-width: 0 !important;
}

.ckbr-heading h3 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--ckbr-green) !important;
  background: transparent !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

.ckbr-heading p {
  margin: 7px 0 0 !important;
  color: #58655a !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

.ckbr-recipient {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  margin-top: 18px !important;
  padding: 8px 14px !important;
  border: 1px solid #d5dfd2 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--ckbr-green) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

.ckbr-form {
  margin: 0 !important;
  padding: 30px !important;
  background: #fff !important;
}

.ckbr-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 16px 20px !important;
}

.ckbr-section-title {
  grid-column: 1 / -1 !important;
  margin: 5px 0 2px !important;
  padding: 0 0 9px !important;
  border: 0 !important;
  border-bottom: 1px solid #e3eae1 !important;
  background: transparent !important;
  color: var(--ckbr-green) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

.ckbr-field {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ckbr-full {
  grid-column: 1 / -1 !important;
}

.ckbr-field label {
  display: block !important;
  margin: 0 !important;
  color: var(--ckbr-green) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

.ckbr-field label span {
  color: #b2472e !important;
}

.ckbr-field input,
.ckbr-field textarea {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 48px !important;
  margin: 7px 0 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #b8c7b6 !important;
  border-radius: 8px !important;
  outline: 0 !important;
  background: #fcfdfb !important;
  box-shadow: none !important;
  color: #222 !important;
  font: inherit !important;
  line-height: 1.45 !important;
  transition: border-color .2s, box-shadow .2s, background .2s !important;
}

.ckbr-field textarea {
  min-height: 105px !important;
  resize: vertical !important;
}

.ckbr-field input:focus,
.ckbr-field textarea:focus {
  border-color: var(--ckbr-leaf) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(126, 159, 69, .18) !important;
}

.ckbr-declaration {
  margin: 24px 0 0 !important;
  padding: 16px 18px !important;
  border: 0 !important;
  border-left: 4px solid var(--ckbr-orange) !important;
  border-radius: 6px !important;
  background: var(--ckbr-cream) !important;
  color: var(--ckbr-ink) !important;
  line-height: 1.65 !important;
}

.ckbr-privacy {
  margin: 15px 0 0 !important;
  color: #59655b !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.ckbr-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 21px !important;
}

.ckbr-download,
.ckbr-reset {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 13px 21px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: transform .2s, background .2s !important;
}

.ckbr-download {
  border: 1px solid var(--ckbr-green) !important;
  background: var(--ckbr-green) !important;
  box-shadow: 0 7px 18px rgba(37, 77, 50, .18) !important;
  color: #fff !important;
}

.ckbr-reset {
  border: 1px solid var(--ckbr-green) !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--ckbr-green) !important;
}

.ckbr-download:hover,
.ckbr-download:focus {
  background: #183b25 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.ckbr-reset:hover,
.ckbr-reset:focus {
  background: var(--ckbr-cream) !important;
  color: var(--ckbr-green) !important;
}

.ckbr-status {
  display: none !important;
  margin-top: 15px !important;
  padding: 12px 14px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
}

.ckbr-status.ckbr-ok {
  display: block !important;
  background: #e9f6ec !important;
  color: #185b2c !important;
}

.ckbr-status.ckbr-error {
  display: block !important;
  background: #fdecec !important;
  color: #8a1f1f !important;
}

@media (max-width: 680px) {
  .ckbr-head,
  .ckbr-form {
    padding: 22px 18px !important;
  }

  .ckbr-brand {
    display: block !important;
  }

  .ckbr-logo {
    width: 220px !important;
    max-width: 100% !important;
    margin-bottom: 17px !important;
  }

  .ckbr-heading h3 {
    font-size: 23px !important;
  }

  .ckbr-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ckbr-full,
  .ckbr-section-title {
    grid-column: auto !important;
  }

  .ckbr-actions,
  .ckbr-download,
  .ckbr-reset {
    width: 100% !important;
  }
}