.remlu-beta-native .nxt-form { position: relative; display: grid; gap: 18px; }
.remlu-beta-native .nxt-form label { display: block; margin-bottom: 7px; }
.remlu-beta-native .nxt-form input { width: 100%; box-sizing: border-box; min-height: 46px; margin-bottom: 0; font: inherit; font-size: 16px; }
.remlu-beta-native .remlu-beta-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.remlu-beta-native .nxt-submit-button { width: 100%; }
.remlu-beta-native .nxt-submit { position: relative; width: 100%; min-height: 46px; border: 0; border-radius: 8px; padding: 12px 18px; background: #2466cf; color: white; font: inherit; font-weight: 600; cursor: pointer; }
.remlu-beta-native .nxt-submit:hover { background: #174fa8; }
.remlu-beta-native .nxt-submit:disabled { opacity: .6; cursor: not-allowed; }
.remlu-beta-native .nxt-loader { opacity: 0; position: absolute; left: 50%; transform: translateX(-50%); }
.remlu-beta-native .tp-security-field,
.remlu-beta-native .nxt-secured-option { min-height: 0; }
.remlu-beta-native .tp-security-field {
  position: absolute;
  width: 100%;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.remlu-beta-native .tp-security-field.is-turnstile-interactive {
  position: relative;
  overflow: visible;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.remlu-beta-native .nxt-form[aria-busy="true"] .nxt-submit { cursor: wait; }
.remlu-beta-native .nxt-secured-option iframe { display: block; max-width: 100%; }
.remlu-beta-native .nxt-error-show,.remlu-beta-native .nxt-error-email,.remlu-beta-native .error-message { display: block; color: #a12626; font-size: 14px; }
.remlu-beta-native .nxt-success-message {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 144px;
  margin-top: 8px;
  border: 1px solid #c8d8ee;
  border-radius: 16px;
  padding: 30px 32px 30px 96px;
  background: #f4f7fc;
  color: #142b4a;
  animation: remlu-beta-message-in 260ms cubic-bezier(.23,1,.32,1) both;
}
.remlu-beta-native .remlu-beta-success-mark {
  position: absolute;
  top: 30px;
  left: 32px;
  width: 44px;
  height: 44px;
  isolation: isolate;
}
.remlu-beta-native .remlu-beta-success-icon {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  filter: drop-shadow(0 7px 12px rgba(36,102,207,.18));
}
.remlu-beta-native .remlu-beta-success-icon circle {
  transform-box: fill-box;
  transform-origin: center;
  animation: remlu-beta-tick-disc 360ms cubic-bezier(.23,1,.32,1) both;
}
.remlu-beta-native .remlu-beta-success-icon path {
  stroke-dasharray: 24;
  stroke-dashoffset: 24;
  animation: remlu-beta-tick-draw 300ms 170ms cubic-bezier(.23,1,.32,1) forwards;
}
.remlu-beta-native .remlu-beta-success-mark::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: -5px;
  border: 1px solid rgba(36,102,207,.28);
  border-radius: 50%;
  animation: remlu-beta-success-ring 520ms 80ms cubic-bezier(.23,1,.32,1) both;
}
.remlu-beta-native .remlu-beta-confetti {
  position: absolute;
  z-index: 0;
  inset: 50% auto auto 50%;
  width: 0;
  height: 0;
  pointer-events: none;
}
.remlu-beta-native .remlu-beta-confetti-piece {
  position: absolute;
  width: 5px;
  height: 9px;
  border-radius: 1px;
  background: var(--confetti-color);
  opacity: 0;
  transform: translate(-50%,-50%) rotate(0deg) scale(.8);
  animation: remlu-beta-confetti-burst 640ms var(--confetti-delay) cubic-bezier(.23,1,.32,1) both;
}
.remlu-beta-native .remlu-beta-success-content {
  display: block;
}
.remlu-beta-native .remlu-beta-success-title {
  display: block;
  margin: 0 0 8px;
  color: #102a4e;
  font: inherit;
  font-size: clamp(20px,2vw,24px);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.2;
}
.remlu-beta-native .remlu-beta-success-copy {
  display: block;
  max-width: 560px;
  color: #51627a;
  font: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.remlu-beta-native .nxt-success-message:focus {
  outline: 3px solid rgba(36,102,207,.22);
  outline-offset: 3px;
}
.remlu-beta-native .nxt-error-message {
  position: relative;
  display: block;
  margin-top: 4px;
  border: 1px solid #efc8c8;
  border-radius: 10px;
  padding: 14px 16px;
  background: #fff7f7;
  color: #8f2424;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
.remlu-beta-native .nxt-success-message:empty,
.remlu-beta-native .nxt-error-message:empty { display: none; }
.remlu-beta-native.is-submitted .nxt-form,
.remlu-beta-native.is-submitted > .rl-note { display: none; }
.remlu-beta-native :is(input,button):focus-visible { outline: 3px solid #2466cf; outline-offset: 3px; }
.remlu-beta-native .rl-note { margin-top: 18px; }

@keyframes remlu-beta-message-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes remlu-beta-tick-disc {
  from { opacity: 0; transform: scale(.88); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes remlu-beta-tick-draw {
  to { stroke-dashoffset: 0; }
}

@keyframes remlu-beta-success-ring {
  from { opacity: .8; transform: scale(.76); }
  to { opacity: 0; transform: scale(1.35); }
}

@keyframes remlu-beta-confetti-burst {
  0% { opacity: 0; transform: translate(-50%,-50%) rotate(0deg) scale(.8); }
  12% { opacity: 1; }
  100% { opacity: 0; transform: translate(calc(-50% + var(--confetti-x)),calc(-50% + var(--confetti-y))) rotate(var(--confetti-rotate)) scale(1); }
}

@media (max-width: 560px) {
  .remlu-beta-native .nxt-success-message {
    min-height: 0;
    padding: 24px 20px 24px 76px;
    border-radius: 14px;
  }
  .remlu-beta-native .remlu-beta-success-mark {
    top: 24px;
    left: 20px;
    width: 38px;
    height: 38px;
  }
  .remlu-beta-native .remlu-beta-success-title { font-size: 20px; }
  .remlu-beta-native .remlu-beta-success-copy { font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .remlu-beta-native .nxt-success-message,
  .remlu-beta-native .nxt-error-message { animation: none; }
  .remlu-beta-native .remlu-beta-success-icon circle,
  .remlu-beta-native .remlu-beta-success-icon path,
  .remlu-beta-native .remlu-beta-success-mark::after,
  .remlu-beta-native .remlu-beta-confetti-piece { animation: none; }
  .remlu-beta-native .remlu-beta-success-icon path { stroke-dashoffset: 0; }
  .remlu-beta-native .remlu-beta-success-mark::after,
  .remlu-beta-native .remlu-beta-confetti { display: none; }
}