*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background-color:#f2f2f2}.container{display:flex;justify-content:center;align-items:center;height:100vh}.logo{text-align:center;margin-bottom:2rem}.logo img{max-width:40%;height:auto}.form{max-width:400px;width:100%;padding:2rem;background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000004d}.form h2{margin-top:0}.input-field{margin-bottom:1rem}.input-field label{display:block;margin-bottom:.5rem}.input-field input{width:100%;padding:.5rem;border:none;border-bottom:1px solid #ccc}button[type=submit]{display:block;width:100%;padding:1rem;background-color:#0977ab;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}button[type=submit]:hover{background-color:#2d84ac}