body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}.login-container{display:grid;grid-template-columns:1fr 1fr;height:100vh}.login-form{margin:auto;width:24rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-login{background-color:white;padding:2rem;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 8px 16px rgba(0,0,0,.15);margin:auto}.login-title{display:block;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.alert{display:flex;justify-content:center;align-items:center;background-color:#fecaca;color:#450a0a;padding:1rem;gap:.5rem;font-weight:700;font-size:.875rem;box-shadow:0 1px 2px rgba(0,0,0,.1)}.alert,.login-form form input{border-radius:.375rem;margin-bottom:1rem}.login-form form input{width:100%;padding:.5rem;border:1px solid #ccc;outline:none;box-sizing:border-box}.login-form form input:focus{border-color:black}.login-form button{width:100%;background-color:black;color:white;font-weight:700;text-align:center;padding:.5rem;border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.2);cursor:pointer;border:none}.login-form button:hover{background-color:#333}.divider{height:2px;background-color:#f1f5f9;margin:1.25rem 2.5rem;border-radius:9999px}@media (max-width:768px){.login-container{grid-template-columns:1fr;height:auto}.login-form{width:100%;max-width:20rem}.alert{font-size:.75rem;padding:.75rem}.divider{margin:1rem auto;width:80%}}