.sea{top:0;position:absolute;z-index:-1;width:100%;height:100vh;background:linear-gradient(180deg,rgba(237,144,15,.8) 0,rgba(211,85,0,.3) 49%,rgba(248,150,1,0))}.ship-and-clouds-container{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);width:50%;height:50%;animation:ship-float 5s ease-in-out infinite}.clouds{top:0;left:0;width:100%;height:100%}.cloud,.clouds{position:absolute}.cloud{opacity:.8;width:30%}.cloud1{left:-20%;top:10%;animation:cloud-float 20s ease-in-out infinite}.cloud2{left:5%;top:-10%;animation:cloud-float 15s ease-in-out 1s infinite}.cloud3{right:-10%;top:20%;animation:cloud-float 18s ease-in-out 2s infinite}.cloud4{left:60%;top:5%;animation:cloud-float 22s ease-in-out 3s infinite}.waves{bottom:0;height:40vh}.wave,.waves{position:absolute;width:100%}.wave{height:15vh;background-repeat:repeat-x;background-position:0 bottom;transform-origin:center bottom}.wave1{animation:wave-up-down 8s ease-in-out infinite;opacity:1;z-index:-1;bottom:0;left:10%}.wave2{animation:wave-up-down 6s ease-in-out .5s infinite;opacity:.8;z-index:-1;bottom:5%;right:5%}.wave3{bottom:10%;left:15%}.wave3,.wave4{animation:wave-up-down 4s ease-in-out 1s infinite;opacity:1;z-index:-1}.wave4{bottom:2%;right:30%}.ship-container{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:45%}.ship{width:100%;position:relative;z-index:2;transform:scaleX(1.15)}.ship-shadow{background-color:#000;height:8%;width:30%;animation:shadow-wave 5s ease-in-out infinite;bottom:5%;left:50%;border-radius:50%;transform:translateX(-50%);filter:blur(3px)}.ship-shadow,.splash{position:absolute;z-index:2}.splash{width:20%;animation:splash 2s ease-in-out infinite}.splash.left{bottom:7%;left:27%;transform:rotate(-15deg)}.splash.right{right:25%;bottom:10%;transform:rotate(15deg)}@keyframes splash{0%,to{transform:scale(1) rotate(-15deg);opacity:.7}50%{transform:scale(1.1) rotate(-15deg);opacity:1}}@keyframes splash-right{0%,to{transform:scale(1) rotate(15deg);opacity:.7}50%{transform:scale(1.1) rotate(15deg);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wave-up-down{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes ship-float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@keyframes shadow-wave{0%,to{transform:translateX(-50%) scaleX(1);opacity:.7}50%{transform:translateX(-50%) scaleX(1.1) scaleY(.9);opacity:.8}}@keyframes cloud-float{0%,to{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translate(20px)}75%{transform:translate(10px,10px)}}.hero-section{position:relative;width:100%;height:100vh;overflow:hidden;clip-path:url(#curved-mask)}.curved-section{top:0;left:0;width:100vw;height:100vh;z-index:9}.curve,.curved-section{position:absolute;background-color:#fff}.curve{bottom:0;width:100%;height:10vh}.content{position:relative;padding:2rem;text-align:center;color:#004080}.content h2{font-size:2rem;margin-bottom:1rem}.content p{font-size:1rem;margin-bottom:1.5rem}.explore-button{background-color:#004080;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.explore-button:hover{background-color:#002b55}@media (min-width:768px){.hero-section{padding-top:15%;height:80vh}.ship-and-clouds-container{bottom:30%;width:70%;height:50%}.waves{bottom:20%}.content h2{font-size:2.5rem}.content p{font-size:1.2rem}}@media (min-width:1024px){.hero-section{padding-top:0;height:100vh}.ship-and-clouds-container{width:50%;height:50%;bottom:5%}.waves{bottom:0}.content h2{font-size:3rem}.content p{font-size:1.5rem}.explore-button{padding:1rem 2rem;font-size:1.2rem}}@media (max-width:767px){.hero-section{padding-top:0;height:58vh}.ship-and-clouds-container{bottom:50%;width:100%;height:30%}.waves{bottom:40%}.content h2{font-size:1.8rem}.content p{font-size:.9rem}.explore-button{padding:.5rem 1rem;font-size:.9rem}}.curved-border{position:absolute;bottom:0;left:0;width:100%;height:15vh;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,84 C25,99,75,99,100,84' fill='none' stroke='%23FF6347' stroke-width='0.5' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M0,85 C25,100,75,100,100,85' fill='none' stroke='%23FFE8C5' stroke-width='0.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat bottom;background-size:100% 100%;pointer-events:none;z-index:10}