body {margin: 0; font-family: 'Poppins', sans-serif; background: #f8f9fa; color: #222;}
header {background: #111; color: #fff; text-align: center; padding: 1.5em 0;}
nav a {color: #fff; margin: 0 15px; text-decoration: none; font-weight: 500;}
nav a:hover {color: #ffca28;}
h2 {text-align: center; margin-top: 1.5em;}
section {padding: 2em 10%;}
footer {background: #111; color: #aaa; text-align: center; padding: 2em 1em; font-size: 0.9em; margin-top: 3em;}

.btn {background: #111; color: #fff; padding: 0.8em 1.5em; border-radius: 30px; text-decoration: none; display: inline-block; transition: 0.3s;}
.btn:hover {background: #ffca28; color: #111;}

table {width: 100%; border-collapse: collapse; margin-top: 1em; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
th, td {padding: 1em; border-bottom: 1px solid #eee; text-align: left;}
th {background: #f1f1f1;}
img {border-radius: 10px;}
input {padding: 0.6em; width: 90%; border: 1px solid #ccc; border-radius: 5px;}
button.btn {width: 50%; margin-top: 1em;}