*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:20px;padding:20px;background-color:#f4f4f9}.container{max-width:500px;margin:0 auto;padding:20px;background:#fff;box-shadow:0 2px 4px #0000001a}.grid{display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px}input{width:100%;padding:15px;border:1px solid #ccc;font-size:16px}button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;cursor:pointer;font-size:18px}button:hover{background-color:#0056b3}.results{margin-top:20px;padding:10px;background-color:#f9f9f9;border:1px solid #ddd}.credits{position:fixed;bottom:15px;left:0;right:0;display:flex;flex-direction:column;justify-content:center}.credits>*{text-align:center;margin:5px}a{color:#000;text-decoration:none;border-bottom:1px dashed}