.login-page{display:flex;align-items:center;justify-content:space-between;height:100vh}.login-page .logo{max-width:80px}.login-page .background{background:url(/cohesive.jpg);background-size:cover;height:100vh;width:50vw}.login-page .login-page-content{width:50vw;padding:1rem;display:flex;flex-direction:column;align-items:center}.login-page .login-page-content h3,.login-page .login-page-content p{align-self:flex-start}.login-page .form{max-width:500px;width:100%}.login-page .form button{width:100%}.login-page form{padding:2rem;border:1px solid var(--border);border-radius:calc(var(--base-border-radius)*2)}.login-page form .links{display:flex;align-items:center;gap:1rem;justify-content:space-between}.login-page form .links a{color:var(--primary);font-weight:500}.remember-me{display:flex;align-items:center;gap:.2rem;cursor:pointer}@media screen and (max-width:1024px){.login-page{flex-direction:column;height:auto}.login-page .background{width:100%;height:30vh}.login-page .login-page-content{width:100%;padding:2rem}}@media screen and (max-width:768px){.login-page .background{display:none}.login-page .login-page-content{width:100%;padding:1rem;height:100vh;justify-content:center;align-items:center}}