.auth{background-color:var(--background);width:100%;min-height:100vh;color:var(--color);display:flex;overflow:hidden}.auth .left{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;align-items:center;width:50%;min-height:100vh;display:flex}@media (max-width:968px){.auth .left{display:none}}.auth .left .container{width:100%;max-width:500px;margin:0 auto}.auth .right{background-color:var(--background);justify-content:center;align-items:center;width:50%;min-height:100vh;padding:40px 0;display:flex}.auth .right .container{width:100%;max-width:430px;margin:auto}.auth .right .container h1{color:var(--color);margin:0 0 .5rem;font-size:28px;font-weight:700;line-height:1.25}@media (max-width:600px){.auth .right .container h1{font-size:24px}}@media (max-width:380px){.auth .right .container h1{font-size:22px}}.auth .right .container>p{color:var(--p-color);margin:0 0 1.5rem;font-size:14px;line-height:1.5}@media (max-width:600px){.auth .right .container>p{margin-bottom:1.25rem;font-size:13px}}@media (max-width:380px){.auth .right .container>p{font-size:12px}}.auth .right .container .google{background-color:var(--box-color);width:100%;color:var(--color);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1rem;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s;display:flex}.auth .right .container .google:hover{background-color:#ffffff0d;border-color:#ffffff26}@media (max-width:600px){.auth .right .container .google{min-height:44px;padding:.7rem .9rem}}@media (max-width:380px){.auth .right .container .google{font-size:13px}}.auth .right .container .email{color:var(--p-color);justify-content:center;align-items:center;margin:1.3rem 0;font-size:12px;display:flex;position:relative}.auth .right .container .email:before,.auth .right .container .email:after{content:"";background-color:#ffffff1a;width:30%;height:1px;position:absolute;top:50%;transform:translateY(-50%)}.auth .right .container .email:before{left:0}.auth .right .container .email:after{right:0}@media (max-width:600px){.auth .right .container .email{margin:1.15rem 0}.auth .right .container .email:before,.auth .right .container .email:after{width:27%}}@media (max-width:380px){.auth .right .container .email{font-size:11px}.auth .right .container .email:before,.auth .right .container .email:after{width:24%}}.auth .right .container form{flex-direction:column;gap:20px;display:flex}.auth .right .container form .input-group{flex-direction:column;gap:.4rem;margin:0;display:flex}.auth .right .container form .input-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--color);font-size:12px;font-weight:600}@media (max-width:600px){.auth .right .container form .input-group label{font-size:11px}}.auth .right .container form .input-group input{background-color:var(--box-color);width:100%;min-height:46px;color:var(--color);border:1px solid #ffffff14;border-radius:8px;outline:none;padding:.7rem 1rem;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth .right .container form .input-group input::placeholder{color:var(--p-color)}.auth .right .container form .input-group input:focus{border-color:var(--main-color);box-shadow:0 0 0 2px #dd201c14}@media (max-width:600px){.auth .right .container form .input-group input{min-height:44px;padding:.65rem .85rem;font-size:14px}}@media (max-width:380px){.auth .right .container form .input-group input{min-height:42px}}.auth .right .container form .input-group .password-input{width:100%;position:relative}.auth .right .container form .input-group .password-input input{width:100%;padding-right:45px}.auth .right .container form .input-group .password-input .password-toggle{width:30px;height:30px;color:var(--p-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth .right .container form .input-group .password-input .password-toggle:hover{color:var(--main-color)}.auth .right .container form .input-group .password-input .password-toggle:focus{outline:none}.auth .right .container form .input-group .error-msg{color:var(--main-color);margin:0;font-size:11px;font-weight:500;line-height:1.3}.auth .right .container form .terms-container{margin:0}.auth .right .container form .terms-container .terms-group{align-items:flex-start;gap:.6rem;display:flex}.auth .right .container form .terms-container .terms-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--main-color);cursor:pointer;flex:none;margin-top:2px}.auth .right .container form .terms-container .terms-group label{color:var(--p-color);text-transform:none;letter-spacing:normal;font-size:12px;font-weight:400;line-height:1.5}.auth .right .container form .terms-container .terms-group label a{color:var(--main-color);text-decoration:none}.auth .right .container form .terms-container .terms-group label a:hover{text-decoration:underline}@media (max-width:600px){.auth .right .container form .terms-container .terms-group label{font-size:11px}.auth .right .container form .terms-container .terms-group{gap:.5rem}}.auth .right .container form .terms-container .error-msg{color:var(--main-color);margin-top:.35rem;font-size:11px;display:block}.auth .right .container form .forgot-password{justify-content:flex-end;margin-top:-.2rem;display:flex}.auth .right .container form .forgot-password a{color:var(--main-color);font-size:12px;text-decoration:none}.auth .right .container form .forgot-password a:hover{text-decoration:underline}.auth .right .container form button[type=submit]{background-color:var(--main-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;min-height:46px;margin-top:.2rem;padding:.8rem 1rem;font-size:14px;font-weight:600;transition:opacity .2s,transform .1s}.auth .right .container form button[type=submit]:hover{opacity:.9}.auth .right .container form button[type=submit]:active{transform:scale(.99)}.auth .right .container form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}@media (max-width:600px){.auth .right .container form button[type=submit]{min-height:44px;font-size:14px}}@media (max-width:380px){.auth .right .container form button[type=submit]{min-height:42px}}@media (max-width:600px){.auth .right .container form{gap:.75rem}}.auth .right .container>p:last-of-type{text-align:center;color:var(--p-color);margin:1.3rem 0 0;font-size:13px;line-height:1.5}.auth .right .container>p:last-of-type a{color:var(--main-color);font-weight:500;text-decoration:none}.auth .right .container>p:last-of-type a:hover{text-decoration:underline}@media (max-width:600px){.auth .right .container>p:last-of-type{margin-top:1.15rem;font-size:12px}}@media (max-width:1100px){.auth .right{padding:2.5rem}}@media (max-width:968px){.auth .right{align-items:flex-start;width:100%;min-height:100vh;padding:3rem 2rem}.auth .right .container{max-width:480px;margin:auto}}@media (max-width:600px){.auth .right{min-height:100dvh;padding:2rem 1.25rem}.auth .right .container{max-width:100%}}@media (max-width:380px){.auth .right{padding:1.5rem 1rem}}@media (max-height:700px) and (min-width:601px){.auth .right{align-items:flex-start;padding-top:2rem;padding-bottom:2rem}}@media (max-width:968px){.auth{min-height:100vh;display:block;overflow:visible}}