html,body{margin:0;padding:0}body{height:100vh;width:100vw}.container{display:flex;flex-direction:column;height:100%;width:100%}@media (min-width: 768px){.container{flex-direction:row}}.image-container,.content-container{display:flex;align-items:center;justify-content:center;background-color:#ccc;flex:1 1 50%}@media (min-width: 768px){.image-container{width:50%}}.content-container{background-color:#fff}@media (min-width: 768px){.content-container{width:50%}}.form-container{margin-left:auto;margin-right:auto;width:100%;max-width:28rem;padding-left:2rem;padding-right:2rem}.logo-image{max-width:28rem;width:100%;margin:0 auto;padding:2rem}.email-label,.password-label{display:block;font-size:1rem;font-weight:500;color:#4b5563;margin-top:1rem}.input{font-size:1rem;width:100%;height:fit-content;margin-top:.5rem;min-height:44px;border-radius:8px;padding:10px 14px;gap:8px;border:1px solid #D0D5DD}.login-btn{margin-top:1.5rem;margin-bottom:1.5rem;width:100%;border-radius:.5rem;background-color:#000;color:#fff;padding:.625rem 1rem;transition:background-color .2s ease-in-out;cursor:pointer}.login-btn:hover,.login-btn:focus{background-color:#000}.register-link{color:#4b5bba}.register-link:hover{color:red;text-decoration:underline}