.signUp-section{background:linear-gradient(135deg,#f5f7fa 0%,#eee 35.36%,#d7dee7 70.71%);width:100%;min-height:100vh}.signUp-section .signup-content{flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:100%;min-height:100vh;padding:4rem;display:flex}.signUp-section .signup-content .otp-wrapper{flex-direction:column;gap:1rem;max-width:600px;display:flex}.signUp-section .signup-content .otp-wrapper button{color:#fff;white-space:nowrap;background:#14919b;border:1px solid #14919b;border-radius:1.5rem;outline:none;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 1.3rem;font-size:14px;font-weight:500;transition:transform .25s,box-shadow .25s,background-color .25s,filter .25s;display:flex}.signUp-section .signup-content .otp-wrapper button svg{max-width:1.2rem;max-height:1.2rem;transition:transform .25s,opacity .25s}.signUp-section .signup-content .otp-wrapper button:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 10px 25px #14919b59,0 3px 10px #14919b26}.signUp-section .signup-content .otp-wrapper button:hover svg{opacity:.9;transform:scale(1.08)}.signUp-section .signup-content .otp-wrapper button:active{transform:scale(.96);box-shadow:0 2px 6px #14919b40}.signUp-section .signup-content .otp-wrapper button{align-self:flex-end;width:fit-content}.signUp-section .signup-content .support-link{justify-content:flex-start;align-items:center;gap:1rem;display:flex}.signUp-section .signup-content .support-link p{color:#6b7280;font-size:1rem;font-weight:400}.signUp-section .signup-content .support-link a{color:#0d9488;font-size:1rem;font-weight:400}
.form-wrapper{background:#fff;border:1px solid #0d9488;border-radius:1rem;width:100%;max-width:800px;padding:2rem}.form-wrapper .form-content{flex-direction:column;gap:2rem;display:flex}.form-wrapper .form-content .form-header h2{color:#000;font-size:20px;font-weight:500}.form-wrapper .form-content .form-fields{flex-direction:column;gap:1rem;display:flex}.form-wrapper .form-content .form-fields.signup-fields{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media only screen and (max-width:991px){.form-wrapper .form-content .form-fields.signup-fields{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.form-wrapper .form-content .form-fields.signup-fields{grid-template-columns:repeat(1,1fr)}}.form-wrapper .form-content .form-fields.signup-fields{gap:1rem 2rem}.form-wrapper .form-content .selector-btn-wrapper{justify-content:flex-start;align-items:center;gap:2rem;display:flex}.form-wrapper .form-content .selector-btn-wrapper .selector-btn{background:#e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem;transition:box-shadow .2s,background .2s;display:flex}.form-wrapper .form-content .selector-btn-wrapper .selector-btn .indicator{border:2px solid #0d9488;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.form-wrapper .form-content .selector-btn-wrapper .selector-btn p{color:#555;font-size:1rem;font-weight:400}.form-wrapper .form-content .selector-btn-wrapper .selector-btn:hover{background:#e0e0e0;box-shadow:0 2px 6px #0000000f}.form-wrapper .form-content .selector-btn-wrapper .selector-btn.selected .indicator span{background:#0d9488;border-radius:50%;width:10px;height:10px}.form-wrapper .form-content .selector-btn-wrapper .selector-btn.selected p{color:#000}.form-wrapper .form-content .footer-btns{justify-content:space-between;align-items:center;gap:1rem;display:flex}.form-wrapper .form-content .footer-btns .back-btn{color:#14919b;white-space:nowrap;background:0 0;border:1px solid #14919b;border-radius:1.5rem;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 1.5rem;font-size:14px;font-weight:600;transition:color .25s,transform .25s,background .25s,box-shadow .25s,filter .25s;display:flex}.form-wrapper .form-content .footer-btns .back-btn svg{max-width:1.2rem;max-height:1.2rem;transition:transform .25s,opacity .25s}.form-wrapper .form-content .footer-btns .back-btn:hover{background:#14919b1f;transform:translateY(-2px);box-shadow:0 10px 22px #14919b40,0 3px 8px #14919b1a}.form-wrapper .form-content .footer-btns .back-btn:hover svg{opacity:.9;transform:scale(1.08)}.form-wrapper .form-content .footer-btns .back-btn:active{transform:scale(.96);box-shadow:0 2px 6px #14919b40}.form-wrapper .form-content .footer-btns .continue-btn{color:#fff;white-space:nowrap;background:#14919b;border:1px solid #14919b;border-radius:1.5rem;outline:none;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 1.3rem;font-size:14px;font-weight:500;transition:transform .25s,box-shadow .25s,background-color .25s,filter .25s;display:flex}.form-wrapper .form-content .footer-btns .continue-btn svg{max-width:1.2rem;max-height:1.2rem;transition:transform .25s,opacity .25s}.form-wrapper .form-content .footer-btns .continue-btn:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 10px 25px #14919b59,0 3px 10px #14919b26}.form-wrapper .form-content .footer-btns .continue-btn:hover svg{opacity:.9;transform:scale(1.08)}.form-wrapper .form-content .footer-btns .continue-btn:active{transform:scale(.96);box-shadow:0 2px 6px #14919b40}
