@charset "utf-8";

@import url(../../css2.css);

:root { --form-primary-orange: rgb(247 158 27); --form-primary-orange-dark: #e58a05; --form-success: #28a745; --form-danger: #dc3545; --form-warning: #ffc107; --form-white: #ffffff; --form-black: #111111; --form-gray-light: #d1d5db; --form-disabled: #9ca3af; --form-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); --form-radius: 10px; --form-radius-small: 10px; --form-anim-fast: 200ms ease; --tw-bg-opacity: 1; }

._form.form { width: 100%; max-width: 380px; margin: 0px auto; padding: 20px; font-family: Roboto, sans-serif; display: flex; flex-direction: column; box-sizing: border-box; text-align: center; background: transparent; }

._form .form-group { width: 100%; margin-bottom: 15px; text-align: left; }

._form input { width: 100%; height: 48px; padding: 12px 16px; font-size: 15px; font-weight: 500; color: var(--form-black); background: var(--form-white); border-radius: var(--form-radius); outline: none; transition: all var(--form-anim-fast); box-sizing: border-box; }

._form input::placeholder { color: rgb(156, 163, 175); opacity: 0.8; font-weight: 400; }

._form input:focus { border-color: var(--form-primary-orange); box-shadow: rgba(247, 158, 27, 0.15) 0px 0px 0px 3px; }

._form input.correct, ._form input.valid { background: rgb(236, 253, 245) !important; border-color: var(--form-success) !important; box-shadow: rgba(40, 167, 69, 0.1) 0px 0px 0px 3px !important; }

._form input.error, ._form input.invalid { background: rgb(254, 242, 242) !important; border-color: var(--form-danger) !important; box-shadow: rgba(220, 53, 69, 0.1) 0px 0px 0px 3px !important; }

._form label.error { display: none !important; }

._form .reg-btn { width: 100%; padding: 14px 20px; margin-top: 5px; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; border-radius: var(--form-radius); display: flex; justify-content: center; align-items: center; gap: 10px; transition: 0.3s; border: none; color: rgb(255, 255, 255); }

._form .reg-btn:disabled { cursor: not-allowed; opacity: 0.7; background: var(--form-disabled) !important; animation: auto ease 0s 1 normal none running none !important; box-shadow: none !important; transform: none !important; }

._form .reg-btn:not(:disabled) { background: rgb(247 158 27 / var(--tw-bg-opacity)); cursor: pointer; box-shadow: rgba(247, 158, 27, 0.3) 0px 4px 15px; animation: 2s ease 0s infinite normal none running pulse-orange; }

._form .reg-btn:hover:not(:disabled) { transform: translateY(-1px); background: var(--form-primary-orange-dark); box-shadow: rgba(247, 158, 27, 0.4) 0px 6px 18px; }

@keyframes pulse-orange { 
  0% { transform: scale(1); box-shadow: rgba(247, 158, 27, 0.3) 0px 4px 10px; }
  50% { transform: scale(1.015); box-shadow: rgba(247, 158, 27, 0.5) 0px 6px 18px; }
  100% { transform: scale(1); box-shadow: rgba(247, 158, 27, 0.3) 0px 4px 10px; }
}

._form .reg-btn::after { content: "➔"; font-size: 16px; }

._form .iti { width: 100%; }

._form input[type="tel"] { padding-left: 85px !important; color: rgb(0, 0, 0) !important; }

._form input[type="tel"]::placeholder { opacity: 1; color: rgb(156, 163, 175) !important; }

#frid .iti__selected-dial-code { font-weight: 500; color: rgb(0, 0, 0) !important; }

#frid .iti__country-list { background-color: var(--form-white); border: 1px solid var(--form-gray-light); color: var(--form-black); border-radius: 8px; z-index: 100; }

@media (max-width: 480px) {
  ._form.form { max-width: 80%; padding: 15px 10px; }
  ._form input { height: 45px; font-size: 14px; }
  ._form .reg-btn { padding: 12px 15px; font-size: 14px; }
}

.loader { display: none; }

.form-submitted-notice { background: rgba(247, 158, 27, 0.08); border: 1px solid rgba(247, 158, 27, 0.3); border-radius: var(--form-radius, 10px); padding: 16px 20px; margin: 15px 0px; text-align: left; display: flex; align-items: flex-start; gap: 12px; box-sizing: border-box; animation: 0.4s ease-out 0s 1 normal none running formNoticeFadeIn; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; }

@keyframes formNoticeFadeIn { 
  0% { opacity: 0; transform: translateY(-8px); }
  100% { opacity: 1; transform: translateY(0px); }
}

.form-submitted-notice svg { flex-shrink: 0; width: 24px; height: 24px; fill: var(--form-primary-orange, #f79e1b); }

.form-submitted-notice-content { display: flex; flex-direction: column; gap: 4px; }

.form-submitted-notice-title { font-size: 15px; font-weight: 700; color: var(--form-primary-orange, #f79e1b); margin: 0px; }

.form-submitted-notice-desc { font-size: 13.5px; color: inherit; opacity: 0.85; line-height: 1.4; margin: 0px; }

.form-submitted-disabled { position: relative; }

.form-submitted-disabled input, .form-submitted-disabled select, .form-submitted-disabled textarea { opacity: 0.65 !important; cursor: not-allowed !important; background-color: rgb(241, 245, 249) !important; border-color: rgb(203, 213, 225) !important; color: rgb(100, 116, 139) !important; pointer-events: none !important; }

.form-submitted-disabled .iti { pointer-events: none !important; }

.form-submitted-disabled .reg-btn:disabled, .form-submitted-disabled .reg-btn.disabled, .form-submitted-disabled button[type="submit"]:disabled, .form-submitted-disabled button[type="submit"].disabled { background: rgb(71, 85, 105) !important; color: rgb(148, 163, 184) !important; cursor: not-allowed !important; animation: auto ease 0s 1 normal none running none !important; box-shadow: none !important; transform: none !important; opacity: 0.8 !important; pointer-events: none !important; }