:root{--primary:#36cbcb;--secondary:#ff7d00;--accent:#722ed1;--dark:#1d2129;--light:#f7f8fa;--gray:#86909c;--gray-light:#e5e6eb;--radius:12px;--shadow:0 10px 30px rgba(0,0,0,.08);--shadow-hover:0 15px 35px rgba(0,0,0,.12)}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);color:var(--dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.7;margin:auto;max-width:1280px;text-align:center}a{transition:all .3s cubic-bezier(.4,0,.2,1)}a,a:hover{color:var(--primary);text-decoration:none}a:hover{opacity:.85}img{border-radius:var(--radius);height:auto;max-width:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}img:hover{transform:scale(1.03)}.container{margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-title{margin:30px;text-align:center}.section-title h2{background:linear-gradient(to right,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:36px;font-weight:700;margin-bottom:16px}.section-title p{color:var(--gray);font-size:18px;margin:0 auto;max-width:640px}.btn{align-items:center;background-color:var(--primary);border-radius:var(--radius);box-shadow:0 4px 12px rgba(54,203,203,.3);color:#fff;display:inline-flex;font-weight:500;justify-content:center;padding:12px 32px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover{background-color:#2bb0b0;box-shadow:0 6px 16px rgba(54,203,203,.4);transform:translateY(-3px)}.btn-outline{background-color:transparent;border:2px solid var(--primary);box-shadow:none;color:var(--primary)}.btn-outline:hover{background-color:rgba(54,203,203,.05);transform:translateY(-3px)}.navbar{backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.98);box-shadow:0 4px 20px rgba(0,0,0,.05);left:0;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.navbar-container{height:80px;justify-content:space-between}.navbar-brand,.navbar-container{align-items:center;display:flex}.navbar-brand img{height:48px;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-menu{display:flex;gap:32px;list-style:none;text-align:center}.navbar-menu li a{color:var(--dark);font-size:16px;font-weight:500;padding:8px 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-menu li a:after{background-color:var(--primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.navbar-menu li a.active,.navbar-menu li a:hover{color:var(--primary)}.navbar-menu li a.active:after,.navbar-menu li a:hover:after{width:100%}.navbar-toggle{color:var(--dark);cursor:pointer;display:none;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-toggle:hover{color:var(--primary)}.fun-box{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:60px}.fun-box-item{align-items:center;background-color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.fun-box-item:before{background-color:var(--primary);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.fun-box-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.fun-box-item:hover:before{transform:scaleX(1)}.fun-box-item i{color:var(--primary);font-size:36px;margin-bottom:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.fun-box-item:hover i{transform:translateY(-5px)}.fun-box-item span{font-size:18px;font-weight:500}.about{align-items:center;display:grid;gap:60px;grid-template-columns:repeat(2,1fr);margin:.5rem}.about-img-main,.about-left{position:relative}.about-img-main{border-radius:var(--radius);box-shadow:var(--shadow-hover);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.about-img-main:hover{transform:scale(1.02) translateY(-5px)}.about-img-deco{background-color:var(--primary);border-radius:var(--radius);bottom:-30px;height:60%;opacity:.1;position:absolute;right:-30px;width:60%;z-index:1}.about-right h3{color:var(--dark);font-size:28px;font-weight:600;margin-bottom:24px}.about-right p{color:var(--gray);line-height:1.8;margin-bottom:32px}.products{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.product{background-color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.product:before{background:linear-gradient(180deg,transparent,rgba(54,203,203,.05));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.product:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.product:hover:before{opacity:1}.product img{height:240px;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.product:hover img{transform:scale(1.05)}.product-content{display:flex;flex-direction:column;flex-grow:1;padding:28px}.product-title{color:var(--dark);font-size:22px;font-weight:600;margin-bottom:16px}.product-desc{color:var(--gray);flex-grow:1;margin-bottom:24px;text-align:left}.news{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.news-item{background-color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.news-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.news-item img{height:240px;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.news-item:hover img{transform:scale(1.05)}.news-content{display:flex;flex-direction:column;flex-grow:1;padding:28px}.news-title{color:var(--dark);font-size:22px;font-weight:600;margin-bottom:12px}.news-meta{align-items:center;color:var(--gray);display:flex;font-size:14px;gap:16px;margin-bottom:16px}.news-meta i{color:var(--primary);margin-right:6px}.news-desc{color:var(--gray);flex-grow:1;text-align:left}.job,.news-desc{margin-bottom:24px}.job{background-color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.job:before{background-color:var(--primary);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.4,0,.2,1);width:4px}.job:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.job:hover:before{transform:scaleY(1)}.job-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.job-title{color:var(--dark);font-size:24px;font-weight:600}.job-meta{align-items:center;color:var(--gray);display:flex;font-size:15px;gap:24px;margin-bottom:24px}.job-meta i{color:var(--primary);margin-right:6px}.job-desc{color:var(--gray);line-height:1.8;text-align:left}.honors{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.honor{background-color:#fff;box-shadow:var(--shadow);padding:32px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.honor,.honor:before{border-radius:var(--radius)}.honor:before{background:linear-gradient(135deg,rgba(54,203,203,.05),transparent);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);width:100%}.honor:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.honor:hover:before{opacity:1}.honor img{margin-bottom:24px;max-height:180px;object-fit:contain;transition:all .4s cubic-bezier(.4,0,.2,1)}.honor:hover img{transform:scale(1.05) rotate(2deg)}.honor-title{color:var(--dark);font-size:18px;font-weight:600;margin-bottom:12px}.honor-desc{color:var(--gray);text-align:left}.footer{background-color:var(--dark);color:#fff;margin-top:2.333rem;padding:80px 0 40px}.footer-content{display:grid;gap:60px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px;text-align:left}.footer-section h3{font-size:20px;font-weight:600;margin-bottom:24px;position:relative}.footer-section h3:after{background-color:var(--primary);bottom:-8px;content:"";height:2px;left:0;position:absolute;width:40px}.footer-section p{color:hsla(0,0%,100%,.7);margin-bottom:24px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:16px;text-align:left}.footer-section ul li a{align-items:center;color:hsla(0,0%,100%,.7);display:inline-flex;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-section ul li a:hover{color:#fff;transform:translateX(5px)}.footer-section ul li a i{color:var(--primary);margin-right:8px;text-align:center;width:1.345rem}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:40px;text-align:center}.footer-bottom p{color:hsla(0,0%,100%,.5);font-size:14px}.navbar-toggle-flex{display:flex!important}.text-ellipsis{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.text-ellipsis{line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.navbar-menu{animation:fadeInDown .4s ease-out forwards;background-color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.05);display:none;flex-direction:column;gap:24px;padding:24px 0;position:absolute;right:0;top:80px;width:100px;z-index:9999}.navbar-menu.active{display:flex}.navbar-toggle{display:block}.about,.footer-content,.honors,.news,.products{grid-template-columns:1fr}.about-img-deco{display:none}.section{padding:60px 0}.section-title h2{font-size:28px}.section-title p{font-size:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-content{margin:.5rem;text-align:center}.more-btn{display:block;margin-top:20px;text-align:center}.leave-leave{padding:1rem}.carousel{overflow:hidden;position:relative;width:100%}.carousel-slides{display:flex;transition:transform .5s ease}.carousel-slide{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-width:100%;position:relative}.carousel-slide img{display:block;height:auto;width:100%}.carousel-content{background:rgba(0,0,0,.5);border-radius:5px;bottom:20px;color:#fff;left:20px;padding:10px;position:absolute}.carousel-content h2{font-size:24px;margin:0}.carousel-content p{font-size:14px;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-controls{display:flex;justify-content:center;margin-top:10px}.carousel-control{background:#ccc;border-radius:50%;cursor:pointer;height:10px;margin:0 5px;width:10px}.carousel-control.active{background:#333}.carousel-arrow{align-items:center;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.carousel-arrow:hover{background:rgba(0,0,0,.7)}