.login{display:flex;width:100%;height:100vh;background-color:#f4f4f4;position:relative}.login .logo{position:absolute;top:32px;left:32px}.login-area{width:50%;display:flex;flex-direction:column;justify-content:center}.login .media{width:50%;background-color:#eaeaea}.login .media img{margin:0;max-width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.login .form-area{width:100%;padding:0 32px;margin:134px auto;display:flex;flex-direction:column;align-items:center;max-width:528px}.login .form-area h1{margin-bottom:2rem}.login .form-area form{width:100%;display:flex;flex-direction:column;gap:24px}.login .form-area p{color:#808080}.login .form-fields{width:100%;display:flex;flex-direction:column;gap:8px;position:relative}.login .form-fields label{width:100%;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.login .form-fields label span{color:#999}.login .form-fields label .forgot-pass{color:#4e67ca;text-decoration:underline;cursor:pointer;text-transform:none}.login .form-fields label .forgot-pass:hover{color:#6181ff}.signup-button{width:100%;padding:14px;border:none;font-size:1rem;cursor:pointer;transition:background-color .3s ease;color:#f7f7f7;border-radius:10000px;opacity:.4;background:#363636;display:flex;align-items:center;justify-content:center;gap:8px}.login .P3{margin-top:-20px}.signup-button:hover{background-color:#777}.signup-button:disabled{cursor:not-allowed}.signup-button.active{opacity:1;background:#000000}.signup-button.active:hover{background-color:#333}.signup-button:hover img{transform:translateX(4px)}.signup-button img{transition:transform .2s ease-in-out;filter:brightness(0) invert(1)}.login input[type=email],.login input[type=password],.login input[type=text]{width:100%;padding:16px;border-radius:4px;border:1px solid #e0e0e0;background:#fff;color:#363636;font-family:Avenir Next,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:14px}.login .google-login{display:flex;align-items:center;justify-content:center;padding:12px;cursor:pointer;transition:background-color .3s ease;border-radius:10000px;border:1px solid #363636;background:#f7f7f7}.login .google-login:hover{background-color:#f9f9f9}.login .google-login img{margin-left:.5rem}.login .sign-up{display:flex;justify-content:center}.login .sign-up .Link{cursor:pointer;padding-left:.5em}.login .sign-up .Link:hover{text-decoration:underline}.login .hidden,.login .signup{display:none}.login .signup.active{display:flex}.login .login.active{display:none}.login .hide-show-icon{position:absolute;right:16px;top:50%;cursor:pointer}@media (min-width:768px) and (max-width:1020px){.login{height:auto;flex-direction:column;align-items:center;align-self:stretch}.login .media{width:100%;order:-1;height:400px}.login .login-area{gap:100px;padding:168px 32px;justify-content:center}.login .form-area,.login .login-area{width:100%;margin:0;display:flex;align-items:center}.login .form-area{padding:0;flex-direction:column;gap:var(--Spacing-l-1,32px);max-width:362px}.login .form-area h1{margin-bottom:0}}@media (max-width:768px){.login{height:auto;flex-direction:column;align-items:center;align-self:stretch}.login .media{width:100%;order:-1;height:330px}.login .login-area{width:100%;gap:100px;padding:32px 32px 48px;margin:0}.login .form-area{width:100%;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--Spacing-l-1,24px);max-width:100%}.login .form-area h1{margin-bottom:0}}