.signup-option-wrapper{flex-direction:column;height:100%;display:flex}.signup-option-wrapper .option-form{flex-direction:column;gap:2rem;width:100%;max-width:100%;height:100%;padding:.5rem;display:flex}.signup-option-wrapper .auth-form__header{align-items:center;display:flex;box-shadow:0 2px 4px #0000001f}.signup-option-wrapper .option-title{flex-direction:column;display:flex}.signup-option-wrapper .option-title h1{color:#141414;font-size:1.25rem;font-weight:600}.signup-option-wrapper .option-title p{color:#595959;font-size:.875rem}.signup-option-wrapper form{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.signup-option-wrapper .role-wrapper{flex-direction:column;gap:1.5rem;margin-top:3rem;display:flex}.signup-option-wrapper .back-btn{color:#141414;cursor:pointer;background-color:#0000;border:none;width:fit-content;font-size:1.5rem}.signup-option-wrapper .option-box{cursor:pointer;border:1px solid #d9d9d9;border-radius:6px;width:100%;position:relative}.signup-option-wrapper .option-box input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;right:0}.signup-option-wrapper .option-box.checked{border:2px solid var(--color-sd-primary-400)}.signup-option-wrapper .option-box .option-box__content{color:#595959;align-items:center;gap:1rem;width:100%;padding:1rem;font-weight:400;display:flex}.signup-option-wrapper .option-box .option-box__content h3{font-size:1rem;font-weight:700}.signup-option-wrapper .option-box .option-box__content p{font-size:.875rem}.signup-option-wrapper .button-wrapper,.signup-option-wrapper .role-form{width:100%}.signup-option-wrapper .signup-img{display:none}@media (min-width:768px){.signup-option-wrapper{flex-direction:row}.signup-option-wrapper .option-form{max-width:55rem}.signup-option-wrapper .option-title h1{font-size:1.5rem}.signup-option-wrapper .signup-img{z-index:10;background-color:#110016;background-image:url(/artisan10.png);background-position:top;background-repeat:no-repeat;background-size:cover;width:100%;padding:0;display:flex;position:relative}.signup-option-wrapper .signup-img:before{content:"";width:100%;height:100%;z-index:var(--z-sd-step1);background:linear-gradient(#00000038 3%,#00000073 35%,#000000b3 98%);position:absolute;top:0;left:0}.signup-option-wrapper .signup-img .image-layover{z-index:var(--z-sd-modal);padding-bottom:7rem;align-items:flex-end;padding-inline:3rem;display:flex}.signup-option-wrapper .signup-img h2{color:var(--color-sd-white-400);line-height:var(--leading-sd-xxs);font-size:var(--text-sd-title2);z-index:var(--z-sd-modal);position:relative}}.roleBtn{background-color:var(--color-sd-primary-400);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px 30px;font-size:16px;transition:background-color .3s}
.row{flex-direction:column;gap:1rem;display:flex}.row>*{width:100%}@media (min-width:48em){.row{flex-direction:row;justify-content:space-between}}
.signup-wrapper{color:#000;grid-template-columns:1fr;min-height:100vh;display:grid;position:relative}.signup-wrapper .signup-img{display:none}.signup-wrapper .auth-form__header{align-items:center;display:flex;box-shadow:0 2px 4px #0000001f}.signup-wrapper .signup-form{flex-direction:column;gap:1rem;width:100%;max-width:30rem;margin-block:auto;display:flex}.signup-wrapper .signup-form form{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.signup-wrapper .signup-form label{font-size:.875rem;font-weight:500}.signup-wrapper .signup-form fieldset{border:none;flex-direction:column;gap:1.5rem;display:flex}.signup-wrapper .signup-form .error-msg{color:red;font-weight:700}.signup-wrapper .signup-form .pwd-field{cursor:pointer;position:relative}.signup-wrapper .signup-form .pwd-field svg{color:#595959}.signup-wrapper .signup-form .pwd-visibility{position:absolute;top:50%;right:10px}.signup-wrapper .signup-form .pwd-visibility svg{font-size:1.3rem}.signup-wrapper .signup-form .login-pwd{flex-direction:column;display:flex}.signup-wrapper .signup-form .login-pwd a{text-align:right;color:#005cbf;font-size:.875rem}.signup-wrapper .signup-form .login-pwd a:hover{color:#ff7a00;text-decoration:underline}.signup-wrapper .form-title h3{color:#141414;font-size:1.5rem;font-weight:600}.signup-wrapper .form-title .login-link-wrapper{color:#595959;gap:2px;font-size:.875rem;display:flex}.signup-wrapper .form-title .login-link{color:var(--color-sd-primary-400);font-weight:600;text-decoration:underline}.signup-wrapper .form-title .signup-link{color:#ff7a00;font-weight:600}.signup-wrapper .signup-wrapper__container{padding-block:none;margin-inline:auto;flex-direction:column;gap:1rem;width:85%;margin-top:2rem;display:flex}.signup-wrapper .signup-btn{text-align:center;flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.signup-wrapper .pwd-instructions{color:#595959;font-size:.8rem}.signup-wrapper .back-btn{color:#141414;cursor:pointer;background-color:#0000;border:#0000;outline:#0000;width:fit-content;font-size:1.5rem;display:flex}.signup-wrapper .form-group-phone{flex-direction:column;gap:5px;display:flex}.signup-wrapper .form-group-phone .tel-input{width:100%;display:flex}.signup-wrapper .form-group-phone .tel-input input{background-color:#f7f7f7;border:1px solid #d9d9d9;border-top-right-radius:6px;border-bottom-right-radius:6px;width:100%;padding:.875rem}.signup-wrapper .form-group-phone .tel-input select{border:1px solid #d9d9d9;border-top-left-radius:6px;border-bottom-left-radius:6px;padding-inline:10px}@media (min-width:768px){.signup-wrapper{grid-template-columns:1fr 200px}.signup-wrapper .signup-form input{padding-block:1.2rem}.signup-wrapper .signup-wrapper__container{padding-inline:3.5rem}.signup-wrapper .signup-img{z-index:10;background-image:url(/artisan11.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;position:relative}.signup-wrapper .signup-img.client{background-image:url(/artisan9.jpg)}.signup-wrapper .signup-img.artisan{background-image:url(/artisan11.png)}.signup-wrapper .signup-img:before{content:"";width:100%;height:100%;z-index:var(--z-sd-step1);background:linear-gradient(#00000038 3.07%,#00000073 35.18%,#000000b3 97.91%);display:flex;position:absolute;inset:0}.signup-wrapper .signup-img .image-layover{z-index:var(--z-sd-modal);align-items:flex-end;padding-block:5rem;padding-inline:5rem;display:flex}.signup-wrapper .signup-img h2{color:var(--color-sd-white-400);font-size:var(--text-sd-title2);line-height:var(--leading-sd-xxs);display:none}}@media (min-width:992px){.signup-wrapper{grid-template-columns:1fr 1fr}.signup-wrapper .signup-form input{padding-block:.9rem}.signup-wrapper .signup-img h2{display:block}}