:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{font-weight:500;text-decoration:none}h1{font-size:3.2em;line-height:1.1}.carousel-wrapper{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;margin-top:16px;display:flex;align-items:center;justify-content:center}.carousel-wrapper .carousel-slide{position:absolute;width:100%;height:100%;opacity:0;transform:translate(100%);transition:transform .6s ease,opacity .6s ease}.carousel-wrapper .carousel-slide.active{opacity:1;transform:translate(0);z-index:1}.carousel-wrapper .carousel-slide>div{width:100%;height:100%;aspect-ratio:16/9;overflow:hidden;position:relative}.carousel-wrapper .carousel-slide img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s ease-in-out}.carousel-wrapper .carousel-slide img:hover{transform:scale(1.05)}.carousel-wrapper .overlay-text{position:absolute;bottom:16px;left:16px;background:#00000080;padding:8px 16px;border-radius:8px;color:#fff;font-size:1rem;line-height:1.4;max-width:80%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carousel-wrapper .overlay-text h6{font-weight:600;margin-bottom:4px}@media (max-width: 900px){.carousel-wrapper .overlay-text{font-size:.9rem;padding:6px 12px;bottom:12px;left:12px}}@media (max-width: 600px){.carousel-wrapper .overlay-text{font-size:.8rem;padding:4px 10px;bottom:8px;left:8px;max-width:90%}}.carousel-wrapper .arrow-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background-color:#0006;color:#fff}.carousel-wrapper .arrow-button:hover{background-color:#0009}.carousel-wrapper .arrow-button.left{left:8px}.carousel-wrapper .arrow-button.right{right:8px}.carousel-title{margin-bottom:16px;font-weight:600;font-size:1.4rem;color:#333;text-transform:uppercase;letter-spacing:.5px}.hero{background:linear-gradient(135deg,#1976d2,#dc004e);color:#fff;padding:64px 0}.hero .hero-container{text-align:center}.hero .hero-container h1{font-weight:700;margin-bottom:16px}.hero .hero-container h6{margin-bottom:24px}.hero .hero-container .hero-button{margin-top:16px}.feature-card{padding:32px;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:space-between}
