.login{padding:30px 0}.login .switcher{display:flex;flex-direction:row;gap:50px;margin-bottom:50px}.login .switcher__item{font-size:30px;font-weight:700;color:#474747;text-transform:uppercase;cursor:pointer}.login .switcher__item.active{border-bottom:5px solid #FA1A76}.login .register-form{display:none}.login .register-form.active{display:flex;flex-direction:column;gap:30px}.login .register-form .checkbox{display:flex;align-items:center;gap:20px;font-size:18px;color:#474747}@media screen and (max-width: 500px){.login .register-form .checkbox{font-size:12px}}.login .register-form input{width:100%;padding:10px 30px;border:3px solid #474747;background:#fff;font-weight:500;line-height:130%;font-size:20px;border-radius:40px;color:#474747}@media screen and (max-width: 500px){.login .register-form input{padding:10px 20px;border:2px solid #474747;font-size:10px}}.login .register-form input::placeholder{color:#474747;opacity:.5}.login .register-form textarea{resize:none}.login .register-form button{cursor:pointer;background-color:#fa1a76;border-radius:34px;transition:all .3s;color:#fff;padding:10px 100px;font-weight:500;font-style:Medium;font-size:24px;line-height:130%;text-align:center;width:fit-content}@media screen and (max-width: 500px){.login .register-form button{padding:6px 40px;font-size:14px}}.login .register-form button:hover{background-color:#ec1b71;box-shadow:0 1.26px 17.24px #fa1a76}.login .register-success{display:none;flex-direction:column;text-align:center;padding:36px 85px;align-items:center;gap:20px}@media screen and (max-width: 500px){.login .register-success{padding:20px}}.login .register-success h3{font-size:40px;font-weight:700;line-height:130%;text-align:center;color:#474747}@media screen and (max-width: 500px){.login .register-success h3{font-size:16px}}.login .register-success p{font-size:30px;line-height:130%;text-align:center;color:#474747}@media screen and (max-width: 500px){.login .register-success p{font-size:14px}}.login .success-icon{width:122px;height:122px}@media screen and (max-width: 500px){.login .success-icon{width:50px;height:50px}}.login-form{display:none}.login-form.active{display:flex;padding:30px 0;flex-direction:column;gap:30px}@media screen and (max-width: 500px){.login-form{gap:20px}}.login-form .checkbox{display:flex;align-items:center;gap:20px;font-size:18px;color:#474747}@media screen and (max-width: 500px){.login-form .checkbox{font-size:12px}}.login-form input{width:100%;padding:10px 30px;border:3px solid #474747;background:#fff;font-weight:500;line-height:130%;font-size:20px;border-radius:40px;color:#474747}@media screen and (max-width: 500px){.login-form input{padding:10px 20px;border:2px solid #474747;font-size:10px}}.login-form input::placeholder{color:#474747;opacity:.5}.login-form textarea{resize:none}.login-form button{cursor:pointer;background-color:#fa1a76;border-radius:34px;transition:all .3s;color:#fff;padding:10px 100px;font-weight:500;font-style:Medium;font-size:24px;line-height:130%;text-align:center;width:fit-content}@media screen and (max-width: 500px){.login-form button{padding:6px 40px;font-size:14px}}.login-form button:hover{background-color:#ec1b71;box-shadow:0 1.26px 17.24px #fa1a76}
