body{margin:0;font-family:Arial,sans-serif;background-color:#f4f4f9;color:#333;display:flex;flex-direction:column;min-height:100vh}.container{width:100%;margin:0;padding:20px;box-sizing:border-box}header,footer{background-color:#333;color:#fff;padding:20px 0}header h1,footer p{text-align:center}header nav ul{list-style:none;padding:0;text-align:center}header nav ul li{display:inline-block;margin:0 10px}header nav ul li a{color:#fff;text-decoration:none}ul{padding-inline-start:0;margin:0;list-style:none}button{padding:10px 20px;background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer}button:hover{background-color:#0056b3}input[type=text],input[type=email],input[type=password],input[type=search]{padding:10px;margin:10px 0;width:100%;max-width:400px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}input[type=checkbox]{margin-right:10px;transform:scale(1.2)}select{padding:10px;margin:10px 0;width:100%;max-width:400px;border:1px solid #ccc;border-radius:5px}.login-form,.register-form{max-width:400px;margin:20px auto;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 4px #0000001a}footer{margin-top:auto}.main-content{flex:1}