body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f5f5f5;color:#222}
header{background:#fff;padding:40px 20px;text-align:center;border-bottom:1px solid #e5e5e5}
h1{margin:0 0 10px 0}
.search{margin-top:10px}
input{padding:10px;width:260px;border:1px solid #ccc;border-radius:6px}
button{padding:10px 14px;margin-left:6px;border:0;border-radius:6px;background:#2e7d32;color:#fff;cursor:pointer}
main{max-width:960px;margin:20px auto;padding:0 16px}
.popular .grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
a{display:inline-block;padding:10px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;text-decoration:none;color:#1a73e8}
section{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px;margin-bottom:16px}
table{width:100%;border-collapse:collapse;margin:10px 0}
td{border:1px solid #ddd;padding:8px;text-align:left}
footer{text-align:center;padding:20px;color:#777}