body {
     font-family: Arial, sans-serif;
     background: #f4f6f8;
     padding: 40px;
 }

 h1 {
     text-align: center;
 }

 table {
     width: 100%;
     border-collapse: collapse;
     background: #ffffff;
     margin-top: 20px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }

 th,
 td {
     padding: 12px 16px;
     border-bottom: 1px solid #e0e0e0;
     text-align: left;
 }

 th {
     background: #1976d2;
     color: #ffffff;
 }

 tr:hover {
     background: #f1f1f1;
 }