1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <style>
      body {
        font-family: system-ui, sans-serif;
        display: grid;
        place-items: center;
        min-height: 90vh;
        margin: 0;
        background: #fff7ed;
      }
      .card {
        background: white;
        padding: 28px 34px;
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        text-align: center;
      }
      h1 { color: #ea580c; margin: 0 0 8px; }
      button {
        font: inherit; border: 0; border-radius: 10px; cursor: pointer;
        padding: 10px 20px; background: #f97316; color: white;
      }
    </style>
  </head>
  <body>
    <div class="card">
      <h1>Muraho!</h1>
      <p id="msg">This page is yours — change anything and press Run.</p>
      <button onclick="document.getElementById('msg').textContent = 'You clicked it at ' + new Date().toLocaleTimeString()">
        Click me
      </button>
    </div>
  </body>
</html>