body { font-family: 'Segoe UI', Arial, sans-serif; margin:0; padding:0; line-height:1.6; background:#f3f6fa; color:#333; }
header { background:#2c3e50; color:#fff; padding:20px; text-align:center; }
header h1 { margin:0; font-size:28px; color:#ffcccb; }
nav { margin-top:10px; }
nav a { color:#fff; margin:0 10px; text-decoration:none; font-weight:bold; }
nav a:hover { text-decoration:underline; }
.container { width:90%; max-width:1100px; margin:auto; overflow:hidden; padding:20px; background:#fff; margin-top:20px; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.1); }
h1, h2 { color:#2c3e50; }
img { max-width:100%; height:auto; border-radius:6px; margin:15px 0; }
footer { margin-top:30px; background:#2c3e50; color:#fff; text-align:center; padding:15px; border-top:4px solid #ffcccb; }
.slider { position:relative; max-width:100%; margin:auto; overflow:hidden; border-radius:8px; }
.slides { display:flex; transition:transform 0.5s ease-in-out; }
.slides img { width:100%; border-radius:8px; display:none; }
@media(max-width:768px){
  nav { font-size:14px; display:block; }
  nav a { display:inline-block; margin:5px; }
  .container { padding:10px; }
  header h1 { font-size:22px; }
}