.login-wrap{background:#f4f4f4;grid-template-columns:1fr 1fr;width:100%;height:100vh;padding:24px;display:grid}.sideimage{object-fit:cover;border-radius:32px;height:95vh}.card-wrap{justify-content:center;align-items:center;display:flex}.card{background:#fff;border:1px solid #dddde4;border-radius:32px;flex-direction:column;gap:24px;width:500px;padding:40px;display:flex;box-shadow:0 4px 16px #0000001a}.card h2{font-family:Plus Jakarta Sans;font-weight:800;font-style:ExtraBold;letter-spacing:-3%;vertical-align:middle;color:#000;font-size:24px;line-height:100%}.card h2 span{color:#9098a2}.card p{font-family:Plus Jakarta Sans;font-weight:500;font-style:Medium;color:#3b3f44;letter-spacing:0%;vertical-align:middle;margin-top:8px;font-size:16px;line-height:100%}.divider{align-items:center;gap:16px;width:100%;display:flex}.divider h4{font-family:Plus Jakarta Sans;font-weight:400;font-style:Regular;color:#9098a2;letter-spacing:0%;font-size:14px;line-height:16px}.divider h6{background:#dddde4;width:187px;height:1px;margin-top:4px}.auth-options{justify-content:center;gap:8px;display:flex}.auth-options div{cursor:pointer;border:1px solid #dddde4;border-radius:60px;justify-content:center;align-items:center;gap:16px;width:100%;height:54.1347px;padding:8px 24px 8px 8px;display:flex}.auth-options span{color:#3b3f44;font-family:Plus Jakarta Sans;font-weight:500;font-style:Medium;letter-spacing:0%;text-align:center;vertical-align:middle;width:119px;font-size:16px;font-style:italic;line-height:100%}.sign-btn{flex-direction:column;gap:18px;margin-top:12px;display:flex}.sign-in-btn{width:100%;font-family:Plus Jakarta Sans;font-weight:500;font-style:Medium;letter-spacing:0%;text-align:center;vertical-align:middle;color:#fff;cursor:pointer;background:#000;border-radius:60px;padding:18px;font-size:16px;line-height:100%}.sign-btn div{justify-content:center;gap:4px;display:flex}.sign-btn h6{font-family:Plus Jakarta Sans;font-weight:500;font-style:Medium;letter-spacing:0%;text-align:center;color:#3b3f44;font-size:14px;line-height:14px}.sign-btn a{font-family:Plus Jakarta Sans;font-weight:700;font-style:Bold;letter-spacing:0%;text-align:center;color:#3b3f44;font-size:14px;line-height:14px;text-decoration:underline;text-decoration-thickness:calc(1em/3.40282e38)}.form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex;position:relative}.form-group label{font-family:Plus Jakarta Sans;font-weight:500;font-style:Medium;color:#3b3f44;letter-spacing:0%;vertical-align:middle;font-size:16px;line-height:100%}.form-group input{border:1px solid #dddde4;border-radius:8px;padding:12px 16px}.form-group input::placeholder,.form-group input{font-family:Plus Jakarta Sans;font-weight:400;font-style:Regular;letter-spacing:0%;color:#9098a2;font-size:14px;line-height:16px}.form-group input{color:#000}.remember-forgot{font-family:Plus Jakarta Sans;font-weight:500;font-style:Medium;letter-spacing:0%;justify-content:space-between;align-items:center;font-size:14px;line-height:14px;display:flex}.remember-forgot div{align-items:center;gap:8px;display:flex}.remember-forgot div input{cursor:pointer}.remember-forgot a{text-decoration:underline}.eye{cursor:pointer;position:absolute;top:36px;right:16px}.password-wrapper input{width:100%}.success-message{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin:16px 0;padding:12px 16px;font-size:14px}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin:16px 0;padding:12px 16px;font-size:14px}.logi-logo{justify-content:center;align-items:center;width:100%;display:flex}@media screen and (max-width:900px){.login-wrap{flex-direction:column-reverse;gap:32px;height:100%;display:flex}.sideimage{width:100%}}@media screen and (max-width:600px){.card{width:100%;padding:24px}.auth-options span{width:100%}.auth-options div{gap:10px;padding:8px 11px}.sideimage{display:none}.login-wrap{justify-content:center;height:100vh}.logi-logo{justify-content:center;align-items:center;width:100%;display:flex}}@media screen and (min-width:1450px){.sideimage{width:100%}.login-wrap{justify-content:center;align-items:center;gap:100px;display:flex}.sideimage{flex:1;width:1400px}.login-wrap .card-wrap{flex:1}}