.register-form-container{max-width:600px;margin:170px auto 80px;display:flex;flex-direction:column;gap:40px}.register-form-container[data-step="2"]{max-width:468px}.register-form-container .register-form-title{color:var(--primary-color);text-align:center;font-weight:400;font-size:32px;line-height:100%;letter-spacing:-.02em}.register-form-container .register-form{padding:24px 32px;background-color:var(--secondary-color);border-radius:24px;color:var(--primary-color);display:flex;flex-direction:column;gap:32px}.register-form-container .register-form .form-group{display:flex;flex-direction:column;gap:20px}.register-form-container .register-form .form-group .form-group-label-wrapper{display:flex;align-items:center;gap:8px}.register-form-container .btn{height:48px}.register-form-container .register-form .form-group .form-group-label-wrapper .form-group-number{color:var(--dark-gray)}.register-form-container .register-form .form-group .form-group-label-wrapper .form-group-label{color:var(--text-color)}.register-form-container .register-form .form-group .register-input-description-wrapper{display:flex;flex-direction:column;gap:16px;color:var(--text-color)}.register-form-container .register-form .form-group .register-input-description-wrapper .register-input-description-list{list-style:none}.register-form-container .register-form .form-group .register-input-description-wrapper .register-input-description-list .register-input-description-item{display:flex;align-items:center;gap:8px}.register-form-container .hr-separator{margin:0}.register-form-container .register-form .form-label .form-label-text{font-weight:500;font-size:22px;letter-spacing:-.02em;line-height:110%}.register-form-container .register-form .btn-register{height:48px;font-size:14px;font-weight:600;line-height:130%;letter-spacing:-.02em}.register-form-container .register-form .register-form-alternative .register-form-alternative-text,.register-form-container .register-form .register-form-create-account .register-form-create-account-text{text-align:center;display:block;font-weight:400;font-size:15px;line-height:130%;letter-spacing:-.02em;color:var(--text-color)}.register-form-container .register-form-create-account{display:flex;align-items:center;justify-content:center;gap:8px}.register-form-container .register-form-create-account .register-form-create-account-text{color:var(--text-color);font-weight:400;line-height:120%;letter-spacing:0}.register-form-container .register-form-create-account .register-form-create-account-link{color:var(--primary-color);font-weight:500;line-height:120%;letter-spacing:-.02em;text-decoration:underline}.register-password-input-wrapper{position:relative;display:flex;align-items:center}.register-password-toggle-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--text-color);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s ease;z-index:2}.register-password-toggle-btn:focus,.register-password-toggle-btn:hover{color:var(--primary-color);background:rgba(26,115,232,.1)}.register-password-toggle-btn:focus{outline:none}.register-password-toggle-btn:active{transform:scale(.95)}.register-form-send-code-wrapper{display:flex;gap:12px}.register-form-send-code-wrapper .btn-send-code{height:48px;min-width:128px;font-size:14px;font-weight:600;line-height:130%;letter-spacing:-.02em}.verification-code-container{display:flex;gap:16px;justify-content:center;align-items:center;margin:0 auto}.verification-code-input{width:100%;height:80px;text-align:center;font-size:24px;font-weight:400;border:none;border-bottom:3px solid var(--primary-color);border-radius:0;background:transparent;color:var(--text-color);transition:all .3s ease;padding:0}.verification-code-input:focus{outline:none;background:transparent}.verification-code-input:focus,.verification-code-input:hover{border-bottom-color:var(--text-color)}.verification-code-input::placeholder{color:#9ca3af;font-size:24px;font-weight:300}.verification-code-input.valid{border-bottom-color:var(--green)}.verification-code-input.invalid{border-bottom-color:var(--red);animation:shake .3s ease-in-out}.btn-group{display:flex;gap:12px;flex-direction:column}.error-message{color:var(--red);font-size:14px;text-align:center;background-color:var(--light-red);padding:8px;border-radius:8px;border-color:1px solid var(--red)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@media (max-width:900px){.register-form-container{max-width:688px}.register-form-container .hr-separator{width:100%;margin:0 auto}.verification-code-container{gap:12px}.verification-code-input{height:80px}.verification-code-input::placeholder{font-size:20px}}@media (max-width:430px){.register-form-container .register-form-create-account{flex-direction:column}.register-form-container{max-width:320px}.register-form-container .register-form .form-label .form-label-text{font-size:20px;width:272px}.verification-code-input::placeholder{font-size:18px}.register-form-send-code-wrapper{flex-direction:column}}