body {font-family: Arial, sans-serif; margin:0; padding:0; background:#fafafa; color:#333;}
nav {background:#222; padding:10px; text-align:center;}
nav a {color:#fff; margin:0 10px; text-decoration:none; font-weight:bold;}
nav a:hover {text-decoration:underline;}
.slider {position:relative; width:100%; height:70vh; overflow:hidden; background:#000;}
.slides {display:flex; height:100%; transition:transform 1s ease-in-out;}
.slide {min-width:100%; height:100%; position:relative;}
.slide img {width:100%; height:100%; object-fit:cover;}
.quote {position:absolute; bottom:15%; left:50%; transform:translateX(-50%); font-size:2rem; color:#fff; background:rgba(0,0,0,0.5); padding:12px 20px; border-radius:6px; opacity:0; transition:opacity 0.5s ease-in-out;}
.quote.show {opacity:1;}