body { font-family: Arial, sans-serif; margin:0; padding:0; background:#f9f9f9; color:#333; }
header { background:#0077b6; color:#fff; padding:20px; text-align:center; }
header h1 { margin:0; font-size:2rem; }
section { padding:40px 20px; max-width:1000px; margin:auto; }
h2 { color:#0077b6; margin-top:0; }
ul { list-style:none; padding:0; }
ul li { padding:5px 0; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:20px; }
.card { background:#fff; padding:20px; border-radius:10px; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
footer { background:#333; color:#fff; text-align:center; padding:20px; margin-top:40px; }
form { display:flex; flex-direction:column; gap:15px; }
input, textarea { padding:10px; border:1px solid #ccc; border-radius:5px; width:100%; }
button { background:#0077b6; color:#fff; border:none; padding:12px; border-radius:5px; cursor:pointer; }
button:hover { background:#005f8a; }
.success { color:green; font-weight:bold; margin-bottom:20px; }