body { margin: 0; font-family: Arial, sans-serif; background: #fff; }
header { position: fixed; top: 0; left: 0; right: 0; background: navy; color: white;
         display: flex; justify-content: space-between; align-items: center;
         padding: 10px 40px; z-index: 1000; }
header img { height: 50px; }
nav a { color: white; margin: 0 15px; text-decoration: none; font-weight: bold; }
.hero { position: relative; height: 100vh; overflow: hidden; }
.slides { position: absolute; width: 100%; height: 100%; }
.slide { position: absolute; width: 100%; height: 100%; opacity: 0;
         transition: opacity 1s ease-in-out; background-size: cover; background-position: center; }
.slide.active { opacity: 1; }
.hero-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
                color: white; text-align: center; background: rgba(0,0,0,0.4);
                padding: 20px 40px; border-radius: 10px; }
.hero-content h1 { font-size: 2.5rem; margin: 0 0 10px; }
.cta-btn { background: gold; color: navy; padding: 12px 25px; text-decoration: none;
           font-weight: bold; border-radius: 25px; }
footer { background: #111; color: #fff; padding: 20px; text-align: center; margin-top: 50px; }