html,body{height:100%;margin:0;padding:0}body{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#232d50,#405191);height:100vh}h2{font-family:Bahnschrift,sans-serif;color:#f0f0f0;text-align:center;margin-bottom:20px;font-size:2rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}p{font-family:Bahnschrift,sans-serif;color:#d3d3d3;text-align:center}a{color:bisque;text-decoration:none}a:hover{text-decoration:underline}nav{width:100%;background-color:#405191;text-align:center;padding:1em 0;box-shadow:0 2px 4px #0000001a}nav ul{list-style:none;margin:0;padding:0}nav ul li{display:inline;margin:0 15px}nav ul li a{text-decoration:none;color:#f0f0f0;font-family:Bahnschrift,sans-serif;font-size:1.2rem}nav ul li a:hover{text-decoration:underline}.carousel{position:relative;width:100%;max-width:960px;height:540px;margin:auto;overflow:hidden;border:2px solid #ccc;border-radius:10px;box-sizing:border-box;background:linear-gradient(135deg,#232d50,#405191)}.carousel-item{min-width:100%;box-sizing:border-box;height:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease-in-out;z-index:0}.carousel-item.active{opacity:1;z-index:1}.carousel-inner{position:relative;height:100%}.carousel img{width:100%;height:100%;object-fit:contain;border-radius:10px;display:block}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:2}.carousel-control.play-pause{top:calc(100% - 255px);left:50%;transform:translate(-50%,-50%);display:none;z-index:2}.carousel:hover .play-pause{display:block}.prev{left:10px}.next{right:10px}