@import url(https://fonts.googleapis.com/css2?family=Mulish&display=swap);:root{--primary:#4978f0;--primary-light:#e1eef5;--secondary:#1d1d1d;--background:#f4f1ff;--text:#1f2346}body{font-size:16px}*{margin:0;padding:0;box-sizing:border-box;font-family:Mulish}.socials-row{display:flex;gap:16px;flex-wrap:wrap}.socials-row img{width:24px;height:24px;filter:grayscale(1)}.socials-row>a{padding:8px;border-radius:8px;width:100%;min-height:48px;display:flex;gap:12px;justify-content:center;align-items:center;text-decoration:none;font-size:1.1rem;color:#cecece;padding:8px;border:1px solid var(--primary-light);font-weight:700;cursor:not-allowed}.socials-row>a:hover{border:1px solid var(--primary)}.divider{display:flex;flex-direction:row;color:var(--secondary);gap:16px;align-items:center}.divider-line{width:100%;height:1px;background-color:var(--secondary);opacity:.2}.login-wrapper{position:relative;display:grid;grid-template-columns:4fr 3fr;max-width:1200px;margin:0 auto;align-items:center}.login-side{display:flex;justify-content:center;align-items:start}.info-side{height:100vh;padding:84px 48px 48px 32px;color:#401b3d;display:flex;overflow:hidden;flex-direction:column;justify-content:start;align-items:center;background-color:#c41e3a}.info-side h2{margin-top:48px;color:var(--text);font-size:1.8rem;margin-bottom:12px}.info-side p{font-size:1.2rem}.info-side img{max-width:860px}.welcome-message{max-width:360px;color:#fff}.welcome-message h2{color:#fff}.logo{justify-content:center;height:48px;top:20px;left:20px}.my-form__wrapper{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:460px;width:100%;padding:48px 30px;height:fit-content;box-shadow:rgba(100,100,111,.2) 0 7px 29px 0}.my-form{display:flex;flex-direction:column;justify-content:start;position:relative;gap:16px}.my-form-reset{display:flex;flex-direction:column;justify-content:start;position:relative;gap:16px;width:100%}.login-welcome{height:80px;width:80px;border-radius:50%;object-fit:cover}.login-welcome-row{display:flex;width:100%;flex-direction:column;gap:8px}.login-welcome-row h1{font-size:1.8em}.my-form__button{background-color:var(--primary);color:#fff;white-space:nowrap;border:none;display:flex;justify-content:center;align-items:center;margin-top:16px;line-height:50px;outline:0;font-size:18px;letter-spacing:.025em;text-decoration:none;cursor:pointer;font-weight:800;min-height:50px;width:100%;border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,.15);transition:all .3s ease;-webkit-transition:all .3s ease}.my-form__actions{display:flex;flex-direction:column;color:var(--secondary);gap:16px;margin-top:8px}.my-form__actions a{color:var(--secondary);font-weight:600;text-decoration:none}.my-form__actions a:hover{text-decoration:underline}.my-form__row{display:flex;justify-content:space-between}.my-form__signup{display:flex;justify-content:center}.my-form__signup a{color:var(--primary);font-weight:800;text-decoration:none;font-size:18px}.my-form__signup a:hover{text-decoration:underline}.text-field input{color:var(--secondary);font-size:16px;font-weight:500;max-width:100%;width:100%;border:1px solid var(--secondary);height:50px;letter-spacing:.03rem;background-color:transparent;outline:0;transition:.25s;border-radius:8px;text-indent:20px;margin-top:8px}.text-field{position:relative}.text-field img{position:absolute;right:-2px;bottom:-4px;width:30px;height:30px;transform:translate(-50%,-50%);transform-origin:center}.text-field input:focus{border:1px solid var(--primary)}.text-field label{color:var(--secondary);font-size:14px;font-weight:600;letter-spacing:.03rem;z-index:10}.alert{padding:15px;border-radius:8px}.alert-danger{background-color:#dc143c;color:#fff}.alert-success{background-color:#4bb543;color:#fff}.my-form__agreement{display:flex;padding:10px 0;flex-direction:column;gap:10px}#agreement{position:relative;left:0;margin:10px 0}.gcaptcha{display:flex;justify-content:center;padding:15px 0}@media (max-width:640px){.my-form__wrapper{height:100vh;padding:18px 20px}.login-welcome-row h1{font-size:1.6em}.login-wrapper{grid-template-columns:1fr;height:100vh;gap:12}.info-side{display:none;flex-direction:column-reverse;padding:48px 48px 48px 32px}.divider,.socials-row{display:none}.gcaptcha{padding:0}.my-form__agreement{padding:0;gap:0}}