@import url(https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap);.step-indicator{align-items:flex-start;display:flex;flex-direction:row;justify-content:center;list-style:none;margin-bottom:32px;width:100%}.step-indicator__item{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:flex-start;position:relative}.step-indicator__item:last-child{flex:0 0 auto}.step-indicator__circle{align-items:center;background-color:var(--surface-color);border:2px solid var(--borders-color);border-radius:50%;color:var(--light-text-color);display:flex;flex-direction:row;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:.2s ease;width:32px}.step-indicator__label{color:var(--light-text-color);font-size:14px;margin-inline-start:8px;white-space:nowrap}.step-indicator__line{background-color:var(--borders-color);flex:1 1;height:2px;margin-inline:12px;transition:.2s ease}.step-indicator__item.current .step-indicator__label,.step-indicator__item.done .step-indicator__label{color:var(--dark-text-color);font-weight:500}.step-indicator__item.done .step-indicator__circle{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.step-indicator__item.done .step-indicator__line{background-color:var(--primary-color)}.step-indicator__item.current .step-indicator__circle{border-color:var(--primary-color);color:var(--primary-color)}@media screen and (max-width:480px){.step-indicator__label{display:none}}.intro-page{align-items:center;min-height:100vh;padding:32px 16px;position:relative;z-index:1}.intro-page,.intro-page .intro-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.intro-page .intro-container{align-items:stretch;background-color:var(--surface-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:640px;padding:32px}.intro-page .intro-container .logo{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:24px}.intro-page .intro-container .logo img{height:56px;width:auto}.intro-page .intro-container h1{color:var(--dark-text-color);font-size:24px;font-weight:700;margin-bottom:16px;text-align:center}.intro-page .intro-container .intro-text{color:var(--normal-text-color);font-size:16px;line-height:1.8;margin-bottom:24px;text-align:center;white-space:pre-line}.intro-page .intro-container .terms-box{background-color:var(--bg-color);border:1px solid var(--borders-color);border-radius:8px;margin-bottom:24px;max-height:220px;overflow-y:auto;padding:16px}.intro-page .intro-container .terms-box h2{color:var(--dark-text-color);font-size:18px;font-weight:600;margin-bottom:12px}.intro-page .intro-container .terms-box p{color:var(--light-text-color);font-size:14px;line-height:1.8;margin-bottom:12px;white-space:pre-line}.intro-page .intro-container .terms-box p:last-child{margin-bottom:0}.intro-page .intro-container .agree-checkbox{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:12px;justify-content:flex-start;margin-bottom:24px}.intro-page .intro-container .agree-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:20px;width:20px}.intro-page .intro-container .agree-checkbox span{color:var(--normal-text-color);font-size:16px}.intro-page .intro-container .continue-btn{background-color:var(--primary-color);border-radius:8px;color:#fff;font-size:18px;font-weight:600;height:52px;transition:.2s ease;width:100%}.intro-page .intro-container .continue-btn:not(:disabled):hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.intro-page .intro-container .continue-btn:disabled{cursor:not-allowed;opacity:.5}@media screen and (max-width:480px){.intro-page{padding:16px 12px}.intro-page .intro-container{padding:24px}.intro-page .intro-container h1{font-size:18px}}.otp-input{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:flex-start}.otp-input__box{background-color:var(--surface-color);border:2px solid var(--borders-color);border-radius:8px;color:var(--dark-text-color);font-size:24px;font-weight:600;height:52px;text-align:center;transition:all .2s ease;width:44px}.otp-input__box:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--secondary-color)}.otp-input__box:disabled{cursor:not-allowed;opacity:.6}@media screen and (max-width:480px){.otp-input__box{font-size:18px;height:46px;width:38px}}.application-form-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:32px 16px;position:relative;width:100%;z-index:1}.application-form-page .application-form-container{background-color:var(--surface-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:640px;padding:32px;width:100%}.application-form-page .application-form-container h1{color:var(--dark-text-color);font-size:24px;font-weight:700;margin-bottom:32px;text-align:center}.application-form-page .application-form-container form{align-items:stretch;display:flex;flex-direction:column;gap:24px;justify-content:flex-start}.application-form-page .application-form-container form .input-group{align-items:stretch;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.application-form-page .application-form-container form .input-group label{color:var(--normal-text-color);font-size:16px;font-weight:500}.application-form-page .application-form-container form .input-group input,.application-form-page .application-form-container form .input-group select{background-color:var(--bg-color);border:2px solid var(--borders-color);border-radius:8px;color:var(--normal-text-color);font-size:16px;height:48px;padding:0 16px;transition:all .2s ease;width:100%}.application-form-page .application-form-container form .input-group input::placeholder,.application-form-page .application-form-container form .input-group select::placeholder{color:var(--light-text-color)}.application-form-page .application-form-container form .input-group input:focus,.application-form-page .application-form-container form .input-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--secondary-color)}.application-form-page .application-form-container form .input-group input:disabled,.application-form-page .application-form-container form .input-group select:disabled{cursor:not-allowed;opacity:.6}.application-form-page .application-form-container form .input-group select{cursor:pointer}.application-form-page .application-form-container form .input-group .phone-row{align-items:stretch;display:flex;flex-direction:row;gap:12px;justify-content:flex-start}.application-form-page .application-form-container form .input-group .phone-row input{flex:1 1;min-width:0}.application-form-page .application-form-container form .input-group .phone-row .otp-send-btn{background-color:var(--primary-color);border-radius:8px;color:#fff;flex-shrink:0;font-size:14px;font-weight:600;padding:0 16px;transition:.2s ease;white-space:nowrap}.application-form-page .application-form-container form .input-group .phone-row .otp-send-btn:disabled{cursor:not-allowed;opacity:.6}@media screen and (max-width:480px){.application-form-page .application-form-container form .input-group .phone-row{flex-direction:column}}.application-form-page .application-form-container form .input-group .otp-resend{color:var(--light-text-color);font-size:14px;margin-top:8px}.application-form-page .application-form-container form .input-group .otp-resend button{color:var(--primary-color);font-weight:600}.application-form-page .application-form-container form .input-group .error-message{color:var(--danger-color);font-size:14px}.application-form-page .application-form-container form .submit-error{text-align:center}.application-form-page .application-form-container form .submit-btn{align-items:center;background-color:var(--primary-color);border-radius:8px;color:#fff;display:flex;flex-direction:row;font-size:18px;font-weight:600;gap:12px;height:52px;justify-content:center;margin-top:12px;position:relative;transition:.2s ease;width:100%}.application-form-page .application-form-container form .submit-btn:not(:disabled):hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.application-form-page .application-form-container form .submit-btn:disabled{cursor:not-allowed;opacity:.7}.application-form-page .application-form-container form .submit-btn .loading-spinner{animation:form-spin .8s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes form-spin{to{transform:rotate(1turn)}}@media screen and (max-width:480px){.application-form-page{padding:16px 12px}.application-form-page .application-form-container{padding:24px}.application-form-page .application-form-container h1{font-size:18px}}.success-page{min-height:100vh;padding:32px 16px;position:relative;z-index:1}.success-page,.success-page .success-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.success-page .success-container{background-color:var(--surface-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:480px;padding:32px;text-align:center}.success-page .success-container .step-indicator{align-self:stretch}.success-page .success-container .success-icon{align-items:center;background-color:var(--success-bg);border-radius:50%;color:var(--success-color);display:flex;flex-direction:row;font-size:32px;font-weight:700;height:64px;justify-content:center;margin-bottom:16px;width:64px}.success-page .success-container h1{color:var(--dark-text-color);font-size:24px;font-weight:700;margin-bottom:12px}.success-page .success-container .success-text{color:var(--light-text-color);font-size:16px;line-height:1.8;margin-bottom:32px}.success-page .success-container .reference-card{align-items:center;background-color:var(--bg-color);border:1px solid var(--borders-color);border-radius:12px;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:24px;padding:32px;width:100%}.success-page .success-container .reference-card__label{color:var(--light-text-color);font-size:14px}.success-page .success-container .reference-card__value{color:var(--primary-color);font-size:24px;font-weight:700;letter-spacing:1px}.success-page .success-container .reference-card__qr{background-color:#fff;border-radius:8px;padding:12px}.success-page .success-container .save-btn{background-color:var(--primary-color);border-radius:8px;color:#fff;font-size:18px;font-weight:600;height:52px;transition:.2s ease;width:100%}.success-page .success-container .save-btn:not(:disabled):hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.success-page .success-container .save-btn:disabled{cursor:not-allowed;opacity:.7}@media screen and (max-width:480px){.success-page{padding:16px 12px}.success-page .success-container{padding:24px}}:root{--primary-color:#ce2015;--secondary-color:#f6e3b4;--dark-text-color:#000;--normal-text-color:#344054;--light-text-color:#667085;--borders-color:#d0d5dd;--bg-color:#f7f8fa;--surface-color:#fff;--warning-bg:#fef3c7;--warning-color:#d97706;--success-bg:#d1fae5;--success-color:#059669;--danger-bg:#fee2e2;--danger-color:#dc2626;--info-bg:#dbeafe;--info-color:#2563eb}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,figure,h1,h2,h3,h4,p{margin:0}html{scroll-behavior:smooth}body{background-color:#f7f8fa;background-color:var(--bg-color);color:#344054;color:var(--normal-text-color);font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.6;min-height:100vh}img,picture{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}button{background:none;cursor:pointer}button,input,select{border:none;outline:none}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ce2015;outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.App{min-height:100vh;overflow-x:hidden;position:relative}.brand-watermark{align-items:center;display:flex;inset:0;justify-content:center;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.brand-watermark img{filter:saturate(1.1);height:auto;opacity:.09;width:clamp(420px,85vw,860px)}
/*# sourceMappingURL=main.c501f166.css.map*/