.login__hero-wrapper{background-color:var(--color-background-secondary)}.login__section{background:url(/assets/bg-line-2.svg) no-repeat 50%;background-size:100% 100%}.login__form{max-width:575px;width:100%;margin-inline:auto;box-shadow:0 5.5562310218811035px 55.56230926513672px 4.167173385620117px #0000001f;padding:20px;border-radius:var(--radius-max);display:flex;flex-direction:column;gap:25px;align-items:center;background-color:#fff}.login__form-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-regular)}.socials__container{display:flex;flex-direction:column;justify-content:center;gap:15px;margin-block:5px}.login__or-container{display:flex;align-items:center;gap:15px}.login__or-container p{color:var(--color-gray-medium);font-size:var(--font-size-xs)}.login__or-container>span{flex:1 1;height:1px;background-color:var(--color-gray-medium)}.login__form button,.login__form>div{width:100%}.login__form button{margin-top:var(--pm-075);height:50px}.login__form input{color:var(--color-balck);background-color:#eaeaea;padding:var(--pm-075);border-radius:var(--radius-max);border:none;border-right:16px solid transparent;font-size:var(--font-size-xs);width:100%;min-height:50px}.login__form input::placeholder{color:#9e9e9e}.login__form-password-span{position:relative}.login__form-password-eye{position:absolute;bottom:25px;right:15px;transform:translateY(50%);object-fit:contain;cursor:pointer}.login__fr-div{display:flex;align-items:center;justify-content:space-between;gap:10px}.login__form-agree{display:flex;align-items:center;gap:8px}.login__form-agree input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:15px;width:15px;min-height:unset}.login__form-agree input{width:max-content}.login__form-agree label{flex:1 1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login__forgot-pass,.login__form-agree label{font-size:var(--font-size-xxs);color:var(--color-gray-medium);white-space:nowrap}.login__forgot-pass{transition:all .3s ease}.login__forgot-pass:hover{text-decoration:underline;color:var(--color-balck)}.login__form-have-account{color:var(--color-blue);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease}.login__form-have-account:hover{color:var(--color-black);text-decoration:underline}@media only screen and (min-width:577px){.login__form{padding:40px}.login__form-title{font-size:var(--font-size-xxl)}.login__or-container{gap:35px}.login__forgot-pass,.login__form-agree label{font-size:var(--font-size-xs)}}