body{font-family:Arial,sans-serif;margin:0;padding:0;color:#333;background-color:#f0f0f0;position:relative}.features-section{background-image:url(../webp/D2cg2uzk.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.product-item h1{text-align:center;font-weight:900;color:#000;font-size:2.5rem}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:#1a2980;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999;box-shadow:0 2px 10px #0003}.back-to-top i{font-size:20px}.back-to-top:hover{background-color:#26d0ce;transform:translateY(-5px)}.back-to-top.show{opacity:1;visibility:visible}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1}header{background-color:#fff;color:#1a2980;padding:.15rem .5rem;display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;z-index:1000;box-shadow:0 2px 5px #0000001a}.logo{padding:10px;font-weight:700;color:#1a2980}nav ul{display:flex;list-style:none;margin:0;padding:0;justify-content:space-between;flex-grow:1;width:100%}nav ul li{padding:0 35px;font-size:1.4rem}nav ul li:last-child{margin-left:auto}nav ul li a{color:#1a2980;text-decoration:none;font-size:1rem;font-weight:500}@media (max-width: 768px){header{flex-direction:column;padding:.15rem}nav ul{flex-direction:column;align-items:center}nav ul li{padding:5px 0}}.user-menu .submenu{position:absolute;top:100%;right:0;background:#0a192ff2;border-radius:5px;padding:.5rem 0;min-width:180px;box-shadow:0 5px 15px #0000004d,inset 0 0 10px #64ffda4d;border:1px solid rgba(100,255,218,.3);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.68,-.55,.265,1.55),opacity .3s,visibility .3s;transform:translateY(10px) scale(.95);z-index:1001}.user-menu:hover .submenu{display:block}.submenu li{padding:10px 20px}.submenu li a{white-space:nowrap}@media (max-width: 768px){header{flex-direction:column;padding:.1rem}.logo{margin-bottom:1rem}nav ul{flex-direction:column;align-items:center}nav ul li{margin:.5rem 0}nav ul li a{font-size:1rem}.submenu{position:static;width:100%;box-shadow:none}}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0;margin:-53px 0 0;position:relative;overflow:hidden}.hero h1{font-size:3rem;margin-bottom:15px;color:#fff;position:relative;z-index:2}.hero p{font-size:1.2rem;color:#fff;margin-bottom:30px;position:relative;z-index:2}.particles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background:linear-gradient(135deg,#1a2980,#26d0ce)}.container{width:90%;max-width:1200px;margin:0 auto;padding:30px 0;position:relative;z-index:2}.scenarios-section img{display:block;margin:0 auto;max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px #0000001a}footer{width:100%;background:#000;color:red;padding:2rem 0;text-align:center;z-index:1000;box-shadow:0 -2px 10px #0000001a;margin:0;position:relative;left:0;right:0;min-height:70px}footer p{margin:0;font-size:.9rem}footer a{color:#64ffda;text-decoration:none;transition:all .3s ease}footer a:hover{color:#fff;text-decoration:underline}.scenario-widgets{display:flex;justify-content:space-around;margin:20px 0;flex-wrap:wrap}.scenario-widget{background:#ffffffe6;border-radius:8px;padding:15px;width:22%;min-width:200px;box-shadow:0 4px 10px #0000001a;text-align:center;transition:all .3s ease}.scenario-widget:hover{transform:translateY(-3px);box-shadow:0 8px 15px #00000026}.scenario-widget h4{color:#1a2980;margin-bottom:10px}.scenario-widget p{color:#666;font-size:.9rem}h2{font-size:2.5rem;text-align:center;margin-bottom:15px;color:#333}.devider{width:60px;height:3px;background:#64ffda;margin:0 auto 20px}.subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:30px}.company-intro{background-color:#fff}.explore-btn-container{position:relative;z-index:2;margin-top:30px}.explore-btn{display:inline-block;padding:12px 30px;background:transparent;color:#64ffda;border:2px solid #64ffda;border-radius:30px;font-size:1rem;text-decoration:none;transition:all .4s ease;position:relative;overflow:hidden}.explore-btn:hover{color:#0a192f;background:#64ffda;transform:translateY(-3px);box-shadow:0 10px 20px #64ffda4d}.explore-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,255,218,.4),transparent);transition:.5s}.explore-btn:hover:before{left:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--secondary-color, #0a192f);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .6s ease}.page-transition.active{opacity:1;pointer-events:all}.page-transition:before{content:"";position:absolute;width:50px;height:50px;border:3px solid #64ffda;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#1a2980,#26d0ce);color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;z-index:1000;transition:all .3s ease;box-shadow:0 4px 15px #1a298033}.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--secondary-color);z-index:9999;opacity:0;pointer-events:none;transition:opacity .6s ease}.page-transition.active{opacity:1}.explore-btn-container{text-align:center;margin-top:30px}.explore-btn{background:linear-gradient(135deg,#1a2980,#26d0ce);color:#fff;border:none;padding:12px 30px;font-size:1.1rem;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1a298033}.explore-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #1a298066}.explore-transition{right:30px;background:#1a2980;box-shadow:0 4px 15px #1a298066}.back-btn{position:fixed;right:30px;bottom:30px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#1a2980,#26d0ce);color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.5rem;box-shadow:0 4px 15px #1a298033;z-index:999;transition:all .3s ease;text-decoration:none}.back-to-top{position:fixed;right:30px;bottom:-100px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1a2980,#26d0ce);color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.8rem;box-shadow:0 4px 15px #1a298033;z-index:1001;transition:all .3s ease;cursor:pointer;opacity:1;visibility:visible;animation:slideUp .5s ease forwards}@keyframes slideUp{0%{bottom:-100px}to{bottom:90px}}.back-to-top:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 20px #ff6b6b80;background:linear-gradient(135deg,#ff8e53,#ff6b6b)}.back-btn:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 20px #1a298066}.back-btn i{transition:transform .3s ease}.back-btn:hover i{transform:translate(-3px)}.scenarios-section{position:relative;padding:15px 0;background-color:#f8f9fa}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:15px 0}.scenario-card{position:relative;margin:0 auto 20px;width:90%;background:linear-gradient(135deg,#1a29801a,#26d0ce1a);border-radius:8px;padding:15px;box-shadow:0 4px 15px #1a29801a,0 0 20px #26d0ce4d;transition:all .4s ease;border:1px solid rgba(38,208,206,.3)}.scenario-card .image-container{width:100%;height:150px;border-radius:8px;overflow:hidden;position:relative;margin-bottom:10px}.scenario-card .image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.scenario-card:hover .image-container img{transform:scale(1.05)}.scenario-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #1a298033,0 0 30px #26d0ce66;background:linear-gradient(135deg,#1a298026,#26d0ce26)}.scenario-card h3{font-size:1.4rem;margin-bottom:15px;color:#333;position:relative;z-index:1}.scenario-card p{color:#666;line-height:1.7;position:relative;z-index:1}.scenario-card .icon{font-size:2.5rem;color:#26d0ce;margin-bottom:15px;transition:all .3s ease}.scenario-card:hover .icon{transform:scale(1.1) rotate(5deg)}.features-section{position:relative;padding:30px 0;background-color:#fff}.feature-ring-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:20px auto;max-width:1200px}.feature-ring{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;max-width:1200px}.feature-ring-image{width:100%;max-width:400px;border-radius:8px;margin:0;align-self:center}.ring-item{padding:25px;transition:all .4s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.ring-item h4{margin:0;font-size:1.1rem;color:#333}.ring-item:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 10px 25px #00000026;border-color:#64ffda66}.ring-item:nth-child(1){grid-column:2;grid-row:1}.ring-item:nth-child(2){grid-column:3;grid-row:1}.ring-item:nth-child(3){grid-column:1;grid-row:2}.ring-item:nth-child(4){grid-column:4;grid-row:2}.ring-item:nth-child(5){grid-column:2;grid-row:3}.ring-item:nth-child(6){grid-column:3;grid-row:3}.ring-item:nth-child(7){grid-column:1;grid-row:1}.ring-item:nth-child(8){grid-column:4;grid-row:1}.features-section{padding:10px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin:10px 0}.feature-item{position:relative;display:flex;flex-direction:column;background:#ffffffe6;border-radius:8px;padding:20px;box-shadow:0 4px 10px #0000001a;transition:all .3s ease}.feature-item img{width:100%;height:160px;border-radius:8px;object-fit:cover;transition:transform .4s ease}.feature-item:hover{transform:translateY(-3px);box-shadow:0 8px 15px #00000026;background:linear-gradient(135deg,#1a29801a,#26d0ce1a)}.feature-item:hover img{transform:scale(1.05)}.feature-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px #0000001a}.feature-item:hover:before{opacity:1}.feature-item h3{position:relative;z-index:1;color:#333;margin-bottom:15px;font-size:1.3rem}.feature-item p{position:relative;z-index:1;color:#666;line-height:1.6}.explore-button{display:block;margin:80px auto 30px;padding:12px 30px;background:linear-gradient(135deg,#1a2980,#26d0ce);color:#fff;border:none;border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1a298033}.industry-section{padding:30px 0;background-color:#f8f9fa}.industry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:20px 0}.industry-item{text-align:center;display:grid;grid-template-rows:auto 1fr;gap:20px;position:relative;padding-bottom:60px;background:linear-gradient(135deg,#1a2980,#26d0ce);color:#fff}.industry-item:after{content:"";position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:80px;height:60px;background-image:url(../webp/CMWY7m3o.webp);background-size:contain;background-repeat:no-repeat;background-position:center}.industry-item .industry-image{width:100%;height:150px;border-radius:8px;overflow:hidden}.industry-item .industry-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.industry-item:hover .industry-image img{transform:scale(1.05)}.industry-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 25px #0000001a;border-color:#0003}.industry-item h3{color:#fff;margin-bottom:15px;font-size:1.3rem}.industry-item p{color:#fff;line-height:1.6}.explore-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #1a298066}.explore-button:active{transform:translateY(1px)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;grid-template-areas:"item1 item2 item3" "item4 . item5";gap:20px;margin:5px 0;justify-items:center}.product-item:nth-child(1){grid-area:item1}.product-item:nth-child(2){grid-area:item2}.product-item:nth-child(3){grid-area:item3}.product-item:nth-child(4){grid-area:item4}.product-item:nth-child(5){grid-area:item5}.product-item{border-radius:8px;padding:20px;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;width:300px;height:300px;position:relative;overflow:hidden;background-size:cover;background-position:center}.product-item:nth-child(1){background-image:url(../webp/DhCJRIUO.webp);background-size:cover;background-position:center}.product-item:nth-child(2){background-image:url(../webp/tXBt4Rph.webp);background-size:cover;background-position:center}.product-item:nth-child(3){background-image:url(../webp/Dcf86bJg.webp);background-size:cover;background-position:center}.product-item:nth-child(4){background-image:url(../webp/Dt4Q79H8.webp);background-size:cover;background-position:center}.product-item:nth-child(5){background-image:url(../webp/hzdWEt1J.webp);background-size:cover;background-position:center}.product-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.product-item h3{color:#333;margin-bottom:15px;font-size:1.3rem}.product-item p{color:#666;line-height:1.6}.intro-content{max-width:800px;margin:0 auto;text-align:center;line-height:1.8}.about-section{position:relative;padding:30px 0;background-color:#fff}.about-section .container{position:relative;z-index:2}.about-section h2{font-size:2.5rem;margin-bottom:15px;color:#333}.about-section .subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:30px}.about-box{background:#ffffffe6;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;text-align:center}.about-box:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.about-box i{font-size:2.5rem;color:#26d0ce;margin-bottom:15px}.about-box h4{font-size:1.3rem;margin-bottom:15px;color:#333}.about-box p{color:#666;line-height:1.6}.company-values{background-color:#f8f9fa}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin-top:15px}.value-item{background:#fff;padding:30px;border-radius:8px;box-shadow:0 5px 15px #0000000d;text-align:center;transition:transform .3s ease}.value-item:hover{transform:translateY(-10px)}.value-item i{font-size:2.5rem;color:#26d0ce;margin-bottom:15px}.value-item h3{margin-bottom:15px}.cases-section{position:relative;padding:40px 0}.cases-grid{display:grid;grid-template-columns:repeat(2,45%);gap:10px;margin-top:15px;position:relative;justify-content:center}.center-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:300px;height:300px}.center-image img{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px #0000001a}.case-card{position:relative;z-index:2;padding:20px}.case-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a;width:90%;margin:0 auto 15px;transition:all .3s ease;border:1px solid rgba(100,255,218,.2);text-align:center}.case-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;border-color:#64ffda66}.case-card h3{font-size:1.3rem;margin-bottom:15px;color:#333}.case-card p{color:#666;line-height:1.6}.contact-section{position:relative;padding:40px 0;background-color:#fff}.contact-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.contact-info{background:#ffffffe6;border-radius:8px;padding:30px;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;border:1px solid rgba(100,255,218,.2)}.contact-info:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;border-color:#64ffda66}.contact-form{background:#ffffffe6;border-radius:8px;padding:30px;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;border:1px solid rgba(100,255,218,.2)}.contact-form:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;border-color:#64ffda66}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;color:#333}.form-control{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;transition:all .3s ease}.form-control:focus{outline:none;border-color:#26d0ce;box-shadow:0 0 0 3px #26d0ce33}textarea.form-control{min-height:120px;resize:vertical}.submit-btn{background:linear-gradient(135deg,#1a2980,#26d0ce);color:#fff;border:none;padding:12px 30px;border-radius:30px;cursor:pointer;transition:all .3s ease;font-size:1rem;display:inline-block}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #1a298066}footer{height:20px;width:100%;color:red;background-color:#141414;text-align:center;padding:10px}.page-transition{opacity:0;transform:translateY(20px);transition:all .5s ease-in-out}.page-transition.enter-active{opacity:1;transform:translateY(0)}.page-transition.exit-active{opacity:0;transform:translateY(-20px)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .5s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-out}.slide-left-enter{transform:translate(100%)}.slide-left-enter-active{transform:translate(0);transition:transform .5s ease-in-out}.slide-left-exit{transform:translate(0)}.slide-left-exit-active{transform:translate(-100%);transition:transform .5s ease-in-out}.transition-link{transition:all .3s ease;position:relative}.transition-link:hover{transform:scale(1.05);box-shadow:0 2px 10px #0000001a}.transition-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#06c;transition:width .3s ease}.transition-link:hover:after{width:100%}.product-item{transition:all .3s ease;cursor:pointer}.product-item:hover{transform:scale(1.03);box-shadow:0 5px 15px #0000001a}.product-item:active{transform:scale(.98)}
