body { font-family: Arial, sans-serif; margin:0; padding:0; background:#0d1b2a; color:white; }
header { background:#1b263b; padding:20px; display:flex; flex-wrap:wrap; gap:15px; }
header a { color:white; text-decoration:none; font-weight:bold; }
.container { width:90%; margin:auto; padding:20px; }
h1,h2 { color:#ffcc00; }
.card { background:#1b263b; padding:20px; margin:20px 0; border-radius:8px; opacity:0; transform:translateY(20px); transition:0.6s ease-out; }
.card.visible { opacity:1; transform:translateY(0); }
footer { background:#1b263b; text-align:center; padding:15px; margin-top:40px; }

/* Slider */
.slider { position:relative; width:100%; max-width:800px; margin:auto; overflow:hidden; border-radius:10px; }
.slide { display:none; width:100%; }
.slide img { width:100%; display:block; }

/* Responsive */
@media(max-width:600px){
  header { justify-content:center; }
  h1{ font-size:24px; }
}