*{margin:0;padding:0}body{margin:0;padding:0;height:100vh;width:100%;box-sizing:border-box;overflow-x:hidden}.hero{width:100%;background:linear-gradient(to left,#00c4ff,#1a2a44);height:100vh;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden}.hero-text{width:100%;height:100%;display:flex;padding-left:100px;flex-direction:column;justify-content:center;align-items:flex-start;animation:fadeInLeft 1.2s ease-out forwards}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.hero-text h1{max-width:550px;width:100%;font-size:40px;font-family:sans-serif;color:#fff;font-weight:700}.hero-text p{width:100%;max-width:550px;line-height:2em;font-size:15px;font-family:sans-serif;color:#fff;font-weight:400}.hero-image{animation:fadeInRight 1.2s ease-out forwards}.images{max-width:800px;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center;position:relative;transform:translate(-20%);transition:transform 1s ease}.btn{display:flex;justify-content:center;align-items:center;margin-top:20px}.hero-button{border-radius:15px;height:auto;width:120px;padding:20px;border:none;background-color:#000;color:#fff;font-size:15px;font-family:sans-serif;font-weight:700;cursor:pointer;display:flex;justify-content:center}.hero-button:hover{background-color:#000000cb;color:#fff;transition:background-color .3s ease}.hero span{transition:opacity .5s ease-in-out}.hero-button svg{margin-right:5px;transition:transform 1s ease}.hero-button svg:hover{transform:rotate(360deg)}.waves{position:absolute;bottom:0;width:200%;height:10%;background-repeat:repeat no-repeat;background-position:0 bottom;transform-origin:center bottom}.wave-1{-webkit-background-size:50% 80px;background-size:50% 80px;animation:animate 12s linear infinite}@keyframes animate{0%{transform:translate(0) translateZ(0) scale(1)}50%{transform:translate(-25%) translateZ(0) scale(.5)}75%{transform:translate(-35%) translateZ(0) scale(.8)}to{transform:translate(-50%) translateZ(0) scale(1)}}@media (max-width: 768px){.hero{margin:0 auto;height:100%;flex-direction:column;overflow:visible}.hero-text{align-items:center;text-align:center;padding:10px}.hero-text h1{font-size:24px;margin-left:0}.hero-text p{font-size:14px;margin-left:0}.waves{display:none}.btn{justify-content:center;transform:translate(0)}.images{transform:translate(0);height:80%;max-width:400px;width:200px}}@media (min-width:300px){.hero{width:105%}.btn{padding:10px}}@media (min-width:400px) and (max-width: 480px){.images{transform:translate(0);max-width:400px;width:250px}.hero{width:105.5%;overflow:hidden}.hero-text h1{font-size:20px}.hero-text p{font-size:12px;max-width:400px;text-align:center}.hero-button{width:120px;padding:10px;font-size:12px}.waves{display:none}}@media (min-width:800px) and (max-width:1100px){.waves{display:none}.images{max-width:550px;width:100%;transform:translate(-10%)}}@media (max-width:800px){.hero-text h1{max-width:400px;width:100%;font-size:25px}.hero-text p{max-width:350px}.images{max-width:400px;width:100%}.waves{display:none}}@media (min-width:801px) and (max-width:1024px){.hero h1{max-width:450px;width:100%;font-size:32px}}.container{display:flex;flex-direction:row;gap:48px;padding:92px 12px;justify-content:center;align-items:stretch;position:relative;opacity:0;transition:opacity .2s ease-out}.container.visible{animation:fadeInLeft 1.2s ease-out forwards}.image{max-width:500px;max-height:700px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;transform:translate(50%);transition:transform 1s ease}.about-text{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transform:translateY(100%)}.about-text h1{position:relative;transform:translateY(0);width:100%;max-width:550px;text-align:end;font-size:40px;font-family:sans-serif;color:#1a2a44;font-weight:700}.about-text p{width:100%;max-width:550px;text-align:end;font-size:15px;font-family:sans-serif;color:#0e1133;font-weight:10;margin-top:10px}@media (max-width: 768px){body{overflow-x:hidden}.container{flex-direction:column;align-items:center}.image{max-width:400px;width:200px;max-height:400px;transform:translate(0)}.about-text{transform:translateY(0)}}@media (max-width:480px){.container{width:99%;flex-direction:column;align-items:center}.image{max-width:300px;width:200px;max-height:300px;transform:translate(0)}.about-text{transform:translateY(0);width:100%;max-width:400px}}@media (max-width: 2000px){.image{max-width:400px;width:100%;transform:translate(5%)}}@media (max-width:800px){.container{width:102%}.about-text{left:-4%}.image{left:-5%}}@media (min-width:481px){.about-text{width:100%;max-width:450px}}.container2{background:linear-gradient(to right,#00c4ff,#1a2a44);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:20px;height:400px;box-sizing:border-box;overflow:hidden;position:relative;animation:gradientShift 5s ease infinite}.bubbles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;display:none}.bubble{width:5px;height:5px;background-color:#fff9;border-radius:50%;position:absolute;bottom:0%}@keyframes bubble{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-500%);opacity:1}to{transform:translateY(-1000%);opacity:0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:20px;bottom:0}.text h1{font-size:40px;font-family:sans-serif;color:#fff;font-weight:700;text-align:center;margin:0}.text p{font-size:15px;font-family:sans-serif;color:#f5f5f5;font-weight:400;margin-top:10px;text-align:center}.section3{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;box-sizing:border-box}.sam-image{display:flex;justify-content:center;align-items:center;margin-right:20px}.image3{width:200px;height:200px;object-fit:cover}.text2{max-width:550px;width:100%;font-size:15px;font-family:sans-serif;color:#f5f5f5;font-weight:400;text-align:center}@media (min-width:320px) and (max-width: 480px){.container2{flex-direction:column;align-items:center;width:105.5%}.sam-image{margin-right:0;margin-bottom:20px}.image3{width:100px;height:100px}.text h1{font-size:35px}.text p{font-size:15px}.text2{font-size:14px;text-align:center}.bubbles{display:block}}@media (min-width:800px){.container2{width:105%}.bubbles{display:block}}@media (max-width:800px){.container2{width:105%}}.navbar{background:linear-gradient(to left,#00c4ff,#1a2a44);display:flex;justify-content:center;align-items:center;height:100px;position:relative}.image2{width:200px;border:none;height:200px}@media (max-width:480px){.navbar{width:105.5%}}@media (min-width:800px){.navbar{width:105%}}@media (max-width:800px){.navbar{width:105%}}.container4{width:100%;height:auto;min-height:100vh;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;margin:0 auto;opacity:0;transition:opacity 1.2s ease-out}.container4.visible{animation:fadeInRight 1.2s ease-out forwards}.galaxy-image{display:flex;justify-content:flex-end;align-items:center;transition:transform 1s ease}.galaxy-image:hover{transform:scale(1.2)}.imagess{max-width:800px;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center;position:relative;transform:translate(-20%)}.text3{width:100%;height:100%;display:flex;padding-left:80px;flex-direction:column;justify-content:center;align-items:flex-start;transform:translate(10%);gap:20px}.text3 h1{max-width:550px;width:100%;font-size:40px;font-family:sans-serif;color:#000;font-weight:700}.text3 p{width:100%;max-width:550px;line-height:1.5em;font-size:15px;font-family:sans-serif;color:#000;font-weight:400}.galaxy-button{border-radius:15px;height:auto;width:120px;padding:20px;border:none;background-color:#000;color:#fff;font-size:15px;font-family:sans-serif;font-weight:700;cursor:pointer;display:flex;justify-content:center}.galaxy-button svg{margin-right:5px;transition:transform 1s ease}.galaxy-button svg:hover{transform:rotate(360deg)}@media (max-width:350px){.text3{width:100%;max-width:270px;transform:translate(-1%);margin-left:-10px;padding-left:0}.container4{overflow:visible;height:auto;min-height:100vh;max-width:300px;width:100%;padding:92px 12px;flex-direction:column;align-items:center}}@media (min-width:350px) and (max-width: 480px){.container4{height:auto;min-height:100vh;width:100%;padding:92px 12px;flex-direction:column;align-items:center}.imagess{max-width:400px;width:300px;height:auto;transform:translate(2%)}.text3{margin:0;padding-left:0;transform:translate(0);max-width:400px;width:350px}.text3 h1{font-size:30px}.text3 p{font-size:13px}}@media (min-width:650px) and (max-width: 768px){.container4{margin:0 0 0 -100px;height:auto;min-height:00vh;width:100%;padding:92px 12px;flex-direction:column;align-items:center;overflow:visible}.text3{max-width:500px;width:100%}.text3 h1{font-size:30px}.text3 p{font-size:15px}.imagess{max-width:400px;width:400px;height:auto;transform:translate(2%)}}@media (max-width:800px){.imagess{max-width:400px;width:300px;transform:translate(5%)}}@media (min-width:800px) and (max-width:1100px){.text3 p{max-width:400px;width:100%;font-size:15px}.imagess{max-width:400px;width:300px;transform:translate(0)}}@media (min-width:481px) and (max-width:650px){.container4{margin:0 0 0 -50px;padding:92px 12px;flex-direction:column}.text3{width:100%;max-width:400px;padding:0;margin:0}.text3 h1{font-size:25px;width:100%}}.container5{width:105%;height:100vh;display:flex;justify-content:flex-start;align-items:center;background:linear-gradient(to left,#00c4ff,#1a2a44);position:relative;background:linear-gradient(90deg,#00c4ff,#1a2a44,green);background-size:300% 300%;animation:gradientAnimation 4s ease infinite;overflow:hidden}.content{width:100%;height:100%;display:flex;padding-left:100px;gap:20px;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff;animation:fadeInLeft 1.2s ease-out forwards}.content h1{max-width:550px;width:100%;font-size:40px;font-family:sans-serif;color:#fff;font-weight:700}.content p{width:100%;max-width:550px;line-height:2em;font-size:15px;font-family:sans-serif;color:#fff;font-weight:400}.btn a{text-decoration:none}.content-image{animation:fadeInRight 1.2s ease-out forwards}.imag{max-width:800px;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center;position:relative;transform:translate(-40%);transition:transform 1s ease}@media (min-width:320px) and (max-width: 480px){.container5{min-height:30vh;width:103.5%;padding:92px 5px;flex-direction:column;align-items:center}.imag{max-width:300px;height:auto;transform:translateY(-5%)}.btn a{padding:20px;font-size:15px}.content{padding-left:0;width:75%}.content h1{font-size:35px}.content p{max-width:400px;text-align:left}}@media (max-width: 768px){.container5{height:auto;min-height:20vh;width:100%;padding:92px 12px;flex-direction:column;align-items:center}.content h1{font-size:35px}.content p{font-size:15px}.imag{max-width:400px;width:400px;height:auto;transform:translate(2%)}}@media (min-width:769px) and (max-width:1024px){.container5{width:105%}.content p{max-width:400px;width:100%}.imag{max-width:500px;width:350px;transform:translate(-15%)}}@media (min-width:481px) and (max-width:600px){.container5{margin:0}.content{max-width:450px;width:100%;margin:0 0 0 -100px}}.container6{display:flex;flex-direction:column;align-items:center;justify-content:center;width:105%;height:100vh;text-align:center;overflow:hidden}.contents{width:100%;height:100%;display:flex;gap:20px;flex-direction:column;justify-content:center;align-items:center;color:#1a2a44;font-family:sans-serif;margin-bottom:10px}.contents h1{font-size:40px;color:#1a2a44;font-weight:700}.contents-image{display:flex;justify-content:center;align-items:center;width:100%}.image6{max-width:800px;width:100%;height:auto}@media (min-width:400px) and (max-width:480px){.container6{width:105.5%}.contents h1{font-size:30px}}@media (max-width: 768px){.container6{height:auto;min-height:100vh;flex-direction:column;align-items:center}.image6{transform:translateY(50%);max-width:400px;width:100%;height:auto}}@media (max-width:1024px){.image6{max-width:450px;width:100%}}.footer{display:flex;justify-content:center;align-items:center;width:105%;height:100px;background:linear-gradient(90deg,#00c4ff,#1a2a44,#8a2be2);background-size:300% 300%;animation:gradientAnimation 4s ease infinite;margin-top:100px}.footer-content p{color:#fff;font-family:sans-serif;font-size:15px;font-weight:50;text-align:center;margin:0}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 480px){.footer{margin-top:150px;font-size:15px;width:105.5%}}