.main-wrapper,body{background:#f5f8ff;font-family:Poppins,Arial,sans-serif;margin:0;padding:0}.main-header{background:#fff;box-shadow:0 2px 8px #047ad04a;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.container{margin:0 auto;max-width:1200px;padding:0 3vw}.nav-container{align-items:center;display:flex;height:80px;justify-content:space-between}.logo{height:48px}.main-nav a{color:#0344b0;font-size:1.08rem;font-weight:500;margin:0 18px;text-decoration:none;transition:color .2s}.main-nav .nav-cta,.main-nav a:hover{color:#fff}.main-nav .nav-cta{background:#35c9e9;border-radius:6px;box-shadow:0 2px 8px #2962ff22;color:#fff;font-weight:600;margin-left:18px;padding:10px 22px;transition:background .2s}.main-nav .nav-cta:hover{background:#2962ff}.hero-section{background:url(/static/media/bg-slid.6985b85b7d55eeaba39d.png) no-repeat top;background-size:cover;min-height:677px;overflow:hidden;padding:0;position:relative;width:100%}.hero-bg{background:none;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.hero-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1300px;padding:80px 5vw 0;position:relative;z-index:2}.hero-text{color:#0344b0;flex:1 1;max-width:600px}.hero-text h1{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:24px}.hero-text p{font-size:1.25rem;margin-bottom:32px}.hero-btn{background:#30b3e8;border:none;border-radius:8px;box-shadow:0 4px 16px #2962ff22;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:14px 36px;transition:background .2s,color .2s}.hero-btn:hover{background:#2962ff;color:#fff}.hero-slider{align-items:center;display:flex;flex:1 1;justify-content:flex-end;max-width:520px;min-width:380px;z-index:2}.hero-wave{bottom:0;height:120px;left:0;position:absolute;width:100%;z-index:3}.services-section{background:url(/static/media/bg-service.feea1152d87f983d6ff0.jpg) no-repeat 50%;background-size:cover;opacity:0;padding:64px 0;position:relative;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.services-section.visible{opacity:1;transform:translateY(0)}.shape-service{animation:translate-horizontal 10s linear infinite;height:50px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:50px}@keyframes translate-horizontal{0%{transform:translateX(-50%) translateX(-10px)}50%{transform:translateX(-50%) translateX(10px)}to{transform:translateX(-50%) translateX(-10px)}}.services-section h2{color:#0344b0;font-size:2.2rem;font-weight:700;margin-bottom:40px;text-align:center}.services-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.service-card{background:#f5f8ff;border:1px solid #35c9e9;border-radius:18px;box-shadow:3px 0 12px #000;padding:32px 24px 28px;text-align:center;transition:box-shadow .2s,transform .2s}.service-card:hover{box-shadow:0 8px 32px #2962ff22;transform:translateY(-4px) scale(1.03)}.icon-placeholder{align-items:center;background:#e3eafe;border-radius:12px;color:#2962ff;display:flex;font-size:2rem;height:48px;justify-content:center;margin:0 auto 18px;width:48px}.learn-more{background:#2962ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:18px;padding:10px 24px;transition:background .2s}.learn-more:hover{background:#0344b0}.about-section{background:#fff;opacity:0;overflow:hidden;padding:100px 0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.about-section.visible{opacity:1;transform:translateY(0)}.about-section .container{align-items:center;display:flex;gap:60px;justify-content:space-between}.about-image{flex:1 1;max-width:500px;position:relative}.about-image:before{background:#e3f2fd;content:"";height:100%;left:-30px;position:absolute;top:-30px;transform:rotate(-5deg);z-index:-1}.about-image img,.about-image:before{border-radius:12px;width:100%}.about-content{flex:1 1;max-width:600px}.section-title{color:#0344b0;font-size:2.8rem;font-weight:700;margin-bottom:20px}.section-subtitle{color:#555;font-size:1.2rem;line-height:1.7;margin-bottom:30px}.feature-list{margin-bottom:40px}.feature-item{align-items:center;color:#333;display:flex;font-size:1.1rem;margin-bottom:15px}.feature-item i{color:#2962ff;font-size:1.5rem;margin-right:15px}.cta-btn{background:#35c9e9;border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#fff;font-size:1.1rem;font-weight:600;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.cta-btn:hover{background:#022a80;box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.main-footer{background:#0344b0;color:#fff;margin-top:64px;padding:48px 0 24px}.footer-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 3vw}.logo-footer{height:40px}.footer-links,.logo-footer{margin-bottom:16px}.footer-links a{color:#fff;font-weight:500;margin:0 12px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#38b6ff}.footer-copy{color:#b0bec5;font-size:1rem}section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}section.visible{opacity:1;transform:translateY(0)}.diamond-slider{flex-direction:column;min-height:450px;z-index:5}.diamond-slider,.diamond-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.diamond-wrapper{height:400px;width:450px}.diamond-back{background:linear-gradient(83deg,#34dbec,#054ab0);border-radius:40px;box-shadow:1px 1px 11px #000;transform:rotate(24deg);z-index:1}.diamond-back,.diamond-front{height:100%;position:absolute;width:100%}.diamond-front{border:2px solid #7075a5;border-radius:32px;left:-29px;right:0;top:8px;transform:rotate(14deg);z-index:10}.diamond-front,.diamond-image-wrapper{align-items:center;display:flex;justify-content:center}.diamond-image-wrapper{border:1px solid #2dc4e3;border-radius:24px;box-shadow:1px 2px 11px #000;height:89%;overflow:hidden;transform:rotate(354deg);width:98%;z-index:2}.diamond-image{border-radius:24px;height:100%;object-fit:cover;transition:opacity .6s ease-in-out;width:100%}.diamond-dots-container{display:flex;gap:12px;justify-content:center;margin-top:60px}.diamond-dot{background:#e0e0e0;border:2px solid #6bd1ea;border-radius:50%;cursor:pointer;height:14px;transition:all .3s ease;width:14px}.diamond-dot.active{background:#6bd1ea;transform:scale(1.2)}.scroll-up-btn{align-items:center;background:#2962ff;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;position:fixed;right:20px;transform:translateY(50px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;width:50px}.scroll-up-btn.visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-up-btn:hover{background:#022a80;transform:scale(1.1) translateY(0)}.technology-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.technology-section.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.diamond-wrapper{height:250px;width:250px}.diamond-dots-container{margin-top:30px}}@media (max-width:900px){.hero-inner{flex-direction:column;min-height:60vh;padding:32px 2vw 0}.hero-slider,.hero-text{max-width:100%;text-align:center;width:100%}.hero-slider{justify-content:center;margin-top:32px}}@media (max-width:600px){.hero-text h1{font-size:2rem}.container,.footer-container{padding:0 8px}.hero-content h1{font-size:2rem}.about-section h2,.services-section h2{font-size:1.3rem}.diamond-outer,.diamond-slider-bg{height:240px;width:240px}.diamond-inner{border-radius:16px;bottom:18px;height:180px;left:18px;right:18px;top:18px;width:180px}.diamond-img{border-radius:16px;height:140px;width:140px}.diamond-dots-bg{padding:6px 12px;transform:translateX(-50%) translateY(30px)}.diamond-dot{height:10px;width:10px}}.about-image .shape-1{animation:rotate 10s linear infinite;height:39px;left:0;position:absolute;top:0;width:39px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-image .shape-2{animation:rotate-reverse 12s linear infinite;bottom:0;height:45px;position:absolute;right:0;width:45px}.about-image .shape-3{animation:translate-vertical 10s linear infinite;bottom:100px;height:103px;position:absolute;right:-6px;width:50px}@keyframes translate-vertical{0%{transform:translateY(-10px)}50%{transform:translateY(10px)}to{transform:translateY(-10px)}}@keyframes rotate-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}
/*# sourceMappingURL=main.1c7eb320.css.map*/