.enroll-container{display:flex;max-width:1000px;margin:50px auto;border-radius:12px;overflow:hidden;align-items:center}.step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:30px;position:relative}.step{position:relative;z-index:1;width:30px;height:30px;background-color:#fff;color:#0a2a6c;border:2px solid #0a2a6c;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;margin:0 20px}.step-indicator::before{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background-color:#ccc;z-index:0}.step.active{background-color:#fff;color:#007aff;border-color:#fff;font-size:25px;width:35px;height:35px}.step.completed{background-color:#2f80ed;color:#fff;border-color:#2f80ed;font-size:18px}.step.completed::before{content:"✓"}.enroll-left{background-color:#0a2a6c;color:#fff;width:40%;display:flex;flex-direction:column;justify-content:center;border-top-left-radius:12px;border-bottom-left-radius:12px;height:350px;padding:70px}.enroll-left h2{font-size:30px;font-weight:700;margin:50px 0}.already-account{font-size:14px;margin-bottom:8px;color:#ffffffcc}.btn-signin{display:inline-block;padding:6px 18px;font-size:13px;font-weight:600;background-color:#fff;color:#0a2a6c;border-radius:999px;text-decoration:none;box-shadow:0 0 0 1px #fff;transition:all .2s ease-in-out;width:130px;text-align:center;margin-top:20px}.btn-signin:hover{background-color:#f0f4ff;color:#0a2a6c;border:2px solid #fff}.enroll-container{max-width:1100px}.enroll-right{background-color:#fff;padding:40px;width:60%;border:2px solid #052b70;border-radius:15px;height:600px;overflow-y:auto}.form-group{margin-bottom:20px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.form-control{width:100%;padding:10px;border:1.5px solid #007aff;border-radius:6px}.phone-wrapper{display:flex;align-items:center;gap:10px}.phone-wrapper .flag{font-size:18px}.phone-wrapper .code{font-weight:700}.btn-wrapper{display:flex;justify-content:center}.btn-next{background-color:#007aff;color:#fff;padding:10px 20px;border-radius:999px;border:none;width:40%;font-weight:700;margin-top:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;margin:10px auto 0 auto}.or-divider{text-align:center;margin:20px 0;color:#666;position:relative}.or-divider::after,.or-divider::before{content:"";height:1px;background:#ddd;position:absolute;top:50%;width:40%}.or-divider::before{left:0}.or-divider::after{right:0}.btn-google{display:flex;align-items:center;justify-content:center;background-color:#fff;border:1.5px solid #007aff;border-radius:6px;padding:10px;font-weight:700;text-decoration:none;color:#007aff;gap:10px}.btn-google img{height:20px}.phone-container{display:flex;flex-direction:column}.iti{display:flex!important;align-items:center;gap:10px}.iti__flag-container{flex:0 0 auto}.iti--separate-dial-code input{margin-left:0!important;padding-left:10px!important;background-color:#f0f4ff!important;flex:1}.iti__selected-dial-code{font-weight:600;padding-left:5px;padding-right:10px;font-size:14px}.iti__country{font-size:14px}.iti--separate-dial-code .iti__flag-container{border:1.5px solid #007aff;border-radius:6px;padding:6px;background-color:#fff}.iti--separate-dial-code .iti__selected-flag{background-color:transparent;border:none;padding-right:0}.iti input[type=tel]{height:45px;font-size:14px}@media (max-width:768px){.enroll-container{flex-direction:column;border-radius:12px}.enroll-left,.enroll-right{width:100%;border-radius:0}.enroll-left{padding:30px 24px;box-sizing:border-box;text-align:center;align-items:center;justify-content:space-between}.enroll-right{padding:30px 20px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.step-indicator{justify-content:center;margin-bottom:20px}.btn-signin{margin:15px auto 0}.form-row{flex-direction:column}.btn-next{width:100%}.btn-google{width:100%}}label{font-weight:700}@media (max-width:768px){.btn-signin{padding:6px 12px;font-size:12px}.already-account{font-size:13px}}.enroll-type-selection{display:flex;justify-content:center;gap:20px;margin:30px 0}#step-two-form{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px}.register-title{font-size:24px;font-weight:600;text-align:center;margin-bottom:30px}.radio-options{display:flex;gap:20px;margin-bottom:40px}.radio-card{display:flex;justify-content:space-between;align-items:center;width:270px;height:97px;padding:0 20px;border:1px solid #3378f9;border-radius:10px;background-color:#f9f9f9;cursor:pointer;transition:.3s ease}.radio-card.selected{background:linear-gradient(to right,#007bff,#052b70);color:#fff;border-color:#052b70}.radio-card input[type=radio]{width:20px;height:20px;margin-right:12px;accent-color:#3378F9}.radio-label{font-weight:700;font-size:18px;display:flex;align-items:center;color:inherit}.radio-label .info-icon{font-style:normal;background-color:#dbe9ff;color:#3378f9;border-radius:50%;font-size:12px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;margin-left:8px}.radio-card.selected .info-icon{background-color:#fff;color:#052b70}.button-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:35px}.btn-back{color:#3378f9;font-weight:600;text-decoration:none;width:50%}.btn-next{background:#007bff;color:#fff;font-weight:600;border:none;border-radius:30px;height:50px;width:270px;box-shadow:0 5px 10px rgba(0,123,255,.2);cursor:pointer;transition:.3s ease}.btn-next:hover{background-color:#0056d2}#step-three-form{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px}.btn-back-three{color:#3378f9;font-weight:600;text-decoration:none;width:50%}.btn-next-three{background:#007bff;color:#fff;font-weight:600;border:none;border-radius:30px;height:50px;width:270px;box-shadow:0 5px 10px rgba(0,123,255,.2);cursor:pointer;transition:.3s ease}.btn-next-three:hover{background-color:#0056d2}#step-four-loader{display:none;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 0}.hourglass-icon{width:60px;height:60px;animation:rotateHourglass 2s linear infinite;display:block;transform-origin:50% 50%}@keyframes rotateHourglass{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.code-inputs{display:flex;justify-content:center;gap:16px;margin-top:20px}.code-box{width:50px;height:60px;text-align:center;font-size:24px;border:1px solid #007bff;border-radius:6px;box-shadow:0 4px 6px rgba(0,123,255,.2);transition:border-color .3s}.code-box:focus{border-color:#0056b3;outline:0}.resend-text{margin-top:20px;text-align:center;color:#888;font-size:14px}.resend-link{color:#4a79ff;text-decoration:underline;font-weight:500}#step-four-form{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px}.btn-next-four{background:#007bff;color:#fff;font-weight:600;border:none;border-radius:30px;height:50px;width:270px;box-shadow:0 5px 10px rgba(0,123,255,.2);cursor:pointer;transition:.3s ease}.btn-next-four:hover{background-color:#0056d2}#step-five-form{display:none;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 0}.success-wrapper{text-align:center;padding:50px;display:flex;flex-direction:column;align-items:center}.success-icon{width:120px;margin-bottom:30px}.success-title{font-size:32px;font-weight:800;color:#0c2d72;margin-bottom:10px}.success-subtitle{font-size:16px;color:#444;margin-bottom:30px}.success-btn{display:inline-block;padding:12px 30px;background-color:#2a6ef2;color:#fff;font-weight:600;border-radius:999px;text-decoration:none;font-size:16px;transition:background-color .3s ease}.success-btn:hover{background-color:#1f5de0}.red-btn{background-color:transparent;color:red;border:2px solid red}.red-btn:hover{background-color:red;color:#fff}
