@charset "utf-8";

.lander-form-loading-overlay { display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px); }

.lander-form-loading-overlay-message { display: flex; flex-direction: column; align-items: center; gap: 12px; }

.lds-dual-ring, .lds-ellipsis { display: inline-block; }

.lds-dual-ring { width: 40px; height: 40px; }

.animated-check, .lds-ellipsis { height: 80px; width: 80px; }

.lds-dual-ring::after { content: " "; display: block; width: 32px; height: 32px; margin: 4px; border-radius: 50%; border-width: 3px; border-style: solid; border-color: rgb(255, 0, 0) rgb(229, 231, 235) rgb(229, 231, 235); border-image: initial; animation: 0.8s linear 0s infinite normal none running lds-dual-ring; }

@keyframes lds-dual-ring { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.lds-ellipsis { position: relative; }

.lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: rgb(255, 255, 255); animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis div:first-child { left: 8px; animation: 0.6s ease 0s infinite normal none running lds-ellipsis1; }

.lds-ellipsis div:nth-child(2) { left: 8px; animation: 0.6s ease 0s infinite normal none running lds-ellipsis2; }

.lds-ellipsis div:nth-child(3) { left: 32px; animation: 0.6s ease 0s infinite normal none running lds-ellipsis2; }

.lds-ellipsis div:nth-child(4) { left: 56px; animation: 0.6s ease 0s infinite normal none running lds-ellipsis3; }

@keyframes lds-ellipsis1 { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}

@keyframes lds-ellipsis3 { 
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}

@keyframes lds-ellipsis2 { 
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(24px, 0px); }
}

.animated-check path { fill: none; stroke: white; stroke-width: 4; stroke-dasharray: 23; stroke-dashoffset: 23; animation: 2s linear 0s 1 normal forwards running draw; stroke-linecap: round; stroke-linejoin: round; }

@keyframes draw { 
  100% { stroke-dashoffset: 0; }
}

@keyframes progress-autologin { 
  0% { width: 0%; }
  25% { width: 50%; }
  50% { width: 75%; }
  75% { width: 85%; }
  100% { width: 100%; }
}

.progress-autologin { position: relative; width: 240px; max-width: 100%; height: 8px; background: rgb(229, 231, 235); border-radius: 9999px; overflow: hidden; box-sizing: border-box; }

.progress-autologin .color { position: absolute; left: 0px; top: 0px; height: 8px; border-radius: 9999px; background: rgb(255, 0, 0); animation: 10s ease-in 0s 1 normal none running progress-autologin; box-sizing: border-box; }

.lander-form-field-password { position: relative; }

.lander-form-field-password label { position: relative; display: block; }

.lander-password-input { padding-right: 160px !important; padding-left: 14px !important; }

.lander-password-toggle-btn { position: absolute; right: 120px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; background: transparent; color: rgb(107, 114, 128); border: none; border-radius: 6px; cursor: pointer; transition: 0.2s; display: flex; align-items: center; justify-content: center; z-index: 10; padding: 0px; }

.lander-password-toggle-btn:hover { background: rgba(0, 0, 0, 0.05); color: rgb(255, 0, 0); }

.lander-password-toggle-btn:active { transform: translateY(-50%) scale(0.95); }

.lander-password-generate-btn { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); height: 36px; padding: 0px 14px; background: rgb(255, 0, 0); color: rgb(255, 255, 255); border: none; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; transition: 0.2s; display: flex; align-items: center; gap: 6px; z-index: 10; white-space: nowrap; }

.lander-password-generate-btn:hover { filter: brightness(0.92); transform: translateY(-50%) scale(1.02); }

.lander-password-generate-btn:active { transform: translateY(-50%) scale(0.98); }

.lander-password-generate-btn svg { width: 14px; height: 14px; }

.lander-generate-text { display: inline; }

@media (max-width: 640px) {
  .lander-password-input { padding-right: 90px !important; padding-left: 14px !important; }
  .lander-password-toggle-btn { right: 50px; width: 32px; height: 32px; }
  .lander-password-generate-btn { padding: 0px 10px; font-size: 12px; height: 32px; }
  .lander-password-generate-btn svg { width: 12px; height: 12px; }
  .lander-generate-text { display: none; }
}

.lander-checkbox-link { color: rgb(255, 0, 0); text-decoration: underline; transition: opacity 0.2s; }

.lander-checkbox-link:hover { opacity: 0.8; }

.lander-form-wrapper { margin: 0px auto; max-width: 700px; width: 100%; border: 1px solid rgb(209, 213, 219); border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; background-color: rgb(255, 255, 255); }

.lander-form-header { font-size: 26px; margin: 0px; padding: 20px 18px; line-height: 1.3; letter-spacing: 0px; text-align: center; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; font-weight: 600; background: rgb(255, 0, 0); color: rgb(255, 255, 255); overflow-wrap: break-word; }

.lander-form { padding: 24px 20px; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

.lander-form .lander-form-loading-overlay, .lander-form .lander-form-success-overlay { display: none; grid-column: 1 / -1; }

.lander-form.lander-form-loading .lander-form-loading-overlay, .lander-form.lander-form-success .lander-form-success-overlay { display: block; width: 100%; background: rgba(0, 0, 0, 0.5); height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1000; border-radius: 0px 0px 0.5rem 0.5rem; }

.lander-form-loading-overlay .lds-dual-ring { position: absolute; left: 50%; top: 50%; margin-top: -40px; margin-left: -40px; }

.lander-form-success-overlay .animated-check-wrapper { position: absolute; left: 50%; top: 50%; margin-top: -45px; margin-left: -120px; }

.lander-form-field { margin-bottom: 0px; width: 100%; box-sizing: border-box; position: relative; grid-column: 1 / -1; }

.lander-form > .lander-form-field:nth-child(4), .lander-form > .lander-form-field:nth-child(5) { grid-column: span 1; }

.lander-form-steps { grid-column: 1 / -1; }

.lander-form-field label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 500; color: rgb(55, 65, 81); }

.lander-form-field input { color: rgb(17, 24, 39); font-size: 15px; line-height: 1.5; font-weight: 400; transition: border-color 0.15s, box-shadow 0.15s; display: block; width: 100%; background-color: rgb(255, 255, 255); border: 1px solid rgb(209, 213, 219); border-radius: 0.375rem; padding: 0.625rem 0.75rem; outline: none; position: relative; box-sizing: border-box !important; margin: 0px !important; height: 42px !important; }

.lander-form-field input::placeholder { color: rgb(209, 213, 219); font-size: 13px; }

.lander-form-field input:focus { background-color: rgb(255, 255, 255); border-color: rgb(255, 0, 0); box-shadow: rgba(255, 0, 0, 0.125) 0px 0px 0px 2px; }

.lander-phone-input { padding-left: 54px !important; padding-right: 0.75rem !important; }

.lander-form-field .lander-checkbox { color: rgb(17, 24, 39); width: 100%; display: flex; align-items: flex-start; gap: 8px; }

.lander-form-field input.lander-checkbox-input { min-width: 16px; border-radius: 0.25rem; background-color: rgb(255, 255, 255); border: 1px solid rgb(209, 213, 219); cursor: pointer; margin-top: 2px; width: 16px !important; height: 16px !important; display: inline-block !important; }

.lander-form-field input.lander-checkbox-input:focus { box-shadow: rgba(255, 0, 0, 0.125) 0px 0px 0px 2px; border-color: rgb(255, 0, 0); }

.lander-form-field label.label-checkbox { font-size: 14px; font-weight: normal; line-height: 1.5; color: rgb(75, 85, 99); flex: 1 1 0%; overflow-wrap: break-word; display: inline !important; }

.lander-form-steps { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 22px; gap: 8px; }

.lander-form-steps .lander-form-step { border-radius: 0.375rem; background: rgb(229, 231, 235); height: 8px; width: 100%; transition: background-color 0.3s; }

.lander-form-steps .lander-form-step.lander-form-step-active { background: rgb(255, 0, 0); }

.lander-form-field .lander-submit { display: block; font-size: 16px; font-weight: 600; position: relative; padding: 11px 18px; width: 100%; min-height: 46px; cursor: pointer; white-space: normal; overflow-wrap: break-word; border: none; border-radius: 0.375rem; transition: 0.15s; background: rgb(255, 0, 0); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; text-transform: none; line-height: 1.5; margin: 22px auto 0px !important; }

.lander-form-field .lander-submit:hover:not(:disabled) { filter: brightness(0.93); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; }

.lander-form-field .lander-submit:focus { outline: none; box-shadow: rgba(255, 0, 0, 0.19) 0px 0px 0px 2px; }

.lander-form-field .lander-submit:active:not(:disabled) { transform: scale(0.99); }

.lander-submit.is-disabled { opacity: 0.6; pointer-events: none; cursor: not-allowed; }

.lander-form-field-validation-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 12px; width: 20px; height: 20px; box-sizing: border-box; font-size: 20px; line-height: 1; pointer-events: none; }

.lander-form-field-validation-icon::after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 6 Free"; font-weight: 900; line-height: 1; font-size: 20px; }

.lander-form-field-validation.lander-form-field-validation-ok input { border-color: rgb(16, 185, 129); background-color: rgb(240, 253, 244); }

.lander-form-field-validation.lander-form-field-validation-ok input:focus { box-shadow: rgba(16, 185, 129, 0.2) 0px 0px 0px 2px; border-color: rgb(16, 185, 129); }

.lander-form-field-validation.lander-form-field-validation-ok .lander-form-field-validation-icon::after { display: block; content: ""; color: rgb(16, 185, 129); }

.lander-form-field-validation-error input { border-color: rgb(239, 68, 68); background-color: rgb(254, 242, 242); }

.lander-form-field-validation-error input:focus { box-shadow: rgba(239, 68, 68, 0.2) 0px 0px 0px 2px; border-color: rgb(239, 68, 68); }

.lander-form-field-validation.lander-form-field-validation-error .lander-form-field-validation-icon::after { content: ""; color: rgb(239, 68, 68); cursor: pointer; }

.lander-form-field span.error { background: rgb(239, 68, 68); font-size: 12px; padding: 4px 8px; color: rgb(255, 255, 255); box-sizing: border-box; bottom: 12px; position: absolute; width: auto; max-width: 200px; right: 40px; z-index: 100; line-height: 1.4; font-weight: 400; border-radius: 0.25rem; cursor: pointer; overflow-wrap: break-word; white-space: normal; display: none !important; }

.lander-form-field span.error.tooltip-error { display: block !important; }

.lander-form-field-validation-ok span.error.tooltip-error { display: none !important; }

.iti { width: 100%; box-sizing: border-box; }

.iti__country-name, .iti__dial-code { font-size: 15px; }

.iti__flag-container { height: 42px; right: auto !important; left: 0px !important; }

.lander-email-suggestions { display: none; position: absolute; top: 100%; left: 0px; width: 100%; max-height: 200px; overflow-y: auto; background-color: rgb(255, 255, 255); border-right: 1px solid rgb(209, 213, 219); border-bottom: 1px solid rgb(209, 213, 219); border-left: 1px solid rgb(209, 213, 219); border-image: initial; border-top: none; border-radius: 0px 0px 0.375rem 0.375rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px; z-index: 1000; margin-top: -1px; box-sizing: border-box; }

.lander-email-suggestions.lander-suggestions-visible { display: block; }

.lander-email-suggestion-item { padding: 10px 12px; cursor: pointer; font-size: 14px; color: rgb(55, 65, 81); transition: background-color 0.15s; border-bottom: 1px solid rgb(243, 244, 246); }

.lander-email-suggestion-item:last-child { border-bottom: none; }

.lander-email-suggestion-item:hover, .lander-email-suggestion-item.lander-suggestion-selected { background-color: rgb(249, 250, 251); }

.progress-autologin { position: relative; height: 10px; width: 230px; border: 5px solid rgb(255, 0, 0); border-radius: 0.375rem; box-sizing: border-box; }

.progress-autologin .color { position: absolute; background-color: rgb(255, 255, 255); width: 100%; height: 10px; border-radius: 0px; animation: 10s ease-in 0s 1 normal none running progress-autologin; box-sizing: border-box; }

@media (max-width: 768px) {
  .lander-form { grid-template-columns: 1fr; gap: 16px; }
  .lander-form > .lander-form-field:nth-child(4), .lander-form > .lander-form-field:nth-child(5), .lander-form-field { grid-column: 1; }
}

@media (max-width: 640px) {
  .lander-form-wrapper { margin: 0px 16px; }
  .lander-form-header { font-size: 22px; padding: 18px 16px; }
  .lander-form { padding: 20px 16px; gap: 14px; }
  .lander-form-field input { font-size: 16px; }
  .lander-form-field .lander-submit { font-size: 16px; padding: 11px 16px; }
  .lander-form-success-overlay .animated-check-wrapper { margin-left: -115px; }
}

@media (max-width: 480px) {
  .lander-form-wrapper { margin: 0px 12px; }
  .lander-form-header { font-size: 20px; padding: 16px 14px; }
  .lander-form { padding: 18px 14px; gap: 12px; }
  .lander-form-field span.error { max-width: 150px; font-size: 11px; }
}

body .pushwoosh-subscription-widget_show { display: none !important; }