* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Segoe UI',Arial,sans-serif; background:#f8f9fa; color:#222; line-height:1.6; }
a { text-decoration:none; color:#0066cc; }
img { max-width:100%; height:auto; }
.container { max-width:1200px; margin:auto; padding:0 1rem; }

/* Header */
header { background:#003366; color:#fff; padding:1rem 0; text-align:center; }
header img { height:50px; }
nav { background:#004080; padding:0.5rem; }
nav a { color:#fff; margin:0 1rem; font-weight:600; }

/* Hero */
.hero { background:url('../images/hero.jpg') center/cover no-repeat; color:#fff; text-align:center; padding:5rem 1rem; }
.hero h1 { font-size:2.5rem; margin-bottom:1rem; }
.hero p { font-size:1.2rem; max-width:800px; margin:auto; margin-bottom:2rem; }
.cta-btn { display:inline-block; background:#ffcc00; color:#003366; padding:0.8rem 1.8rem; border-radius:5px; font-weight:bold; margin:0.5rem; }

/* Sections */
section { padding:4rem 0; }
h2 { font-size:2rem; margin-bottom:1rem; text-align:center; color:#003366; }
.card { background:#fff; padding:1.5rem; margin:1rem 0; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.1); }

/* Carousel (simple) */
.carousel { overflow:hidden; white-space:nowrap; }
.slide { display:inline-block; width:300px; margin-right:1rem; }

/* Footer */
footer { background:#003366; color:#fff; text-align:center; padding:2rem 0; }