body { font-family: Arial, sans-serif; margin:0; background:#f9fafb; color:#333; }
header, footer { background:#fff; padding:1rem 2rem; box-shadow:0 1px 4px rgba(0,0,0,0.1); }
header h1 { color:#2563eb; margin:0; }
nav a { margin:0 1rem; color:#333; text-decoration:none; }
nav a:hover { color:#2563eb; }
.container { max-width:1100px; margin:2rem auto; padding:0 1rem; }
.grid { display:grid; gap:1.5rem; }
@media(min-width:768px){ .grid-3 { grid-template-columns:repeat(3,1fr);} }
.card { background:#fff; padding:1.5rem; border-radius:1rem; box-shadow:0 2px 6px rgba(0,0,0,0.1); transition:all 0.2s; }
.card:hover { box-shadow:0 4px 12px rgba(0,0,0,0.15); }
.card h3 { margin-top:0; color:#2563eb; }
.price { font-size:1.5rem; font-weight:bold; margin:1rem 0; }
button, .btn { display:inline-block; background:#2563eb; color:#fff; padding:0.5rem 1rem; border:none; border-radius:0.5rem; text-decoration:none; cursor:pointer; }
button:hover, .btn:hover { background:#1e40af; }
form { display:flex; flex-direction:column; gap:1rem; }
input, textarea { padding:0.75rem; border:1px solid #ddd; border-radius:0.5rem; width:100%; }
footer { text-align:center; font-size:0.9rem; color:#666; margin-top:2rem; }