*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#06c;--secondary-color:#004999;--text-color:#333;--light-gray:#f5f5f5;--border-color:#e0e0e0;--white:#fff}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.6;color:var(--text-color);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;left:0;right:0;background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;-webkit-transition:all .3s;transition:all .3s}.navbar .container{-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding:15px 20px}.logo,.navbar .container{display:-webkit-box;display:flex}.logo{font-size:24px;font-weight:700;color:var(--primary-color)}.nav-menu{display:-webkit-box;display:flex;list-style:none;gap:30px}.nav-menu a{text-decoration:none;color:var(--text-color);font-weight:500;-webkit-transition:color .3s;transition:color .3s;position:relative}.nav-menu a.active,.nav-menu a:hover{color:var(--primary-color)}.nav-menu a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);-webkit-transition:width .3s;transition:width .3s}.nav-menu a.active:after,.nav-menu a:hover:after{width:100%}.menu-toggle{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:25px;height:3px;background:var(--text-color);-webkit-transition:all .3s;transition:all .3s}.nav-actions{gap:20px}.lang-switch,.nav-actions{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.lang-switch{gap:8px;padding:8px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:var(--white);font-size:14px;font-weight:600;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;box-shadow:0 4px 15px rgba(102,126,234,.3);position:relative;overflow:hidden}.lang-switch:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.3)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);-webkit-transition:left .5s;transition:left .5s}.lang-switch:hover:before{left:100%}.lang-switch:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.lang-switch:active{-webkit-transform:translateY(0);transform:translateY(0)}.lang-icon{font-size:16px;-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite}@-webkit-keyframes rotate{0%,90%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}95%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes rotate{0%,90%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}95%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}.lang-text{font-family:Arial,sans-serif;letter-spacing:.5px}.hero{min-height:100vh;background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9)),url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=1920) 50%/cover;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;color:var(--white);position:relative;margin-top:60px;padding:80px 0}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:1}.hero-container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;-webkit-box-align:center;align-items:center}.hero-content{text-align:left}.hero-content h1{font-size:60px;margin-bottom:20px;font-weight:700;text-shadow:2px 2px 10px rgba(0,0,0,.3)}.hero-content p{font-size:24px;margin-bottom:40px;opacity:.95;text-shadow:1px 1px 5px rgba(0,0,0,.3)}.hero-image{position:relative}.hero-image img{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.4);border:5px solid hsla(0,0%,100%,.2)}.btn-primary{display:inline-block;padding:15px 40px;background:var(--white);color:var(--primary-color);text-decoration:none;border-radius:50px;font-weight:600;-webkit-transition:all .3s;transition:all .3s;border:none;cursor:pointer;font-size:16px;border:1px solid var(--primary-color)}.btn-primary:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.btn-detail{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:var(--white);font-size:15px;font-weight:600;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;display:block;text-align:center;text-decoration:none}.btn-detail:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.4)}.scroll-indicator{position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.scroll-indicator span{display:block;width:30px;height:50px;border:2px solid var(--white);border-radius:25px;position:relative}.scroll-indicator span:before{content:"";position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:6px;height:6px;background:var(--white);border-radius:50%;-webkit-animation:scroll 2s infinite;animation:scroll 2s infinite}@-webkit-keyframes scroll{0%{top:10px;opacity:1}to{top:30px;opacity:0}}@keyframes scroll{0%{top:10px;opacity:1}to{top:30px;opacity:0}}.fade-in{-webkit-animation:fadeIn 1s ease-in;animation:fadeIn 1s ease-in}.fade-in-delay{-webkit-animation:fadeIn 1s ease-in .3s both;animation:fadeIn 1s ease-in .3s both}.fade-in-delay-2{-webkit-animation:fadeIn 1s ease-in .6s both;animation:fadeIn 1s ease-in .6s both}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}section{padding:80px 0}.section-title{text-align:center;font-size:36px;margin-bottom:60px;color:var(--text-color);position:relative}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px;height:4px;background:var(--primary-color);border-radius:2px}.about{background:var(--white)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;-webkit-box-align:center;align-items:center}.about-image{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15)}.about-image img{width:100%;height:500px;-o-object-fit:cover;object-fit:cover;display:block;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.about-image:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.about-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(0,0,0,.7)));background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.7));display:-webkit-box;display:flex;-webkit-box-align:end;align-items:flex-end;padding:30px}.about-badge{background:var(--white);padding:20px 30px;border-radius:10px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.2)}.about-badge span{font-size:36px;font-weight:700;color:var(--primary-color);display:block}.about-badge p{margin:5px 0 0;font-size:14px;color:#666}.about-text p{margin-bottom:20px;line-height:1.8;text-align:justify;color:#555}.about-stats-inline{display:-webkit-box;display:flex;gap:40px;margin-top:30px;padding-top:30px;border-top:2px solid var(--border-color)}.stat-inline{text-align:center}.stat-inline .stat-number{font-size:36px;font-weight:700;color:var(--primary-color);margin-bottom:5px}.stat-inline .stat-label{font-size:13px;color:#666}.news-preview{padding:80px 0;background:var(--light-gray)}.news-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:50px}.news-preview-item{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.08);-webkit-transition:all .4s;transition:all .4s}.news-preview-item:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.news-preview-image{width:100%;height:200px;overflow:hidden}.news-preview-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.news-preview-item:hover .news-preview-image img{-webkit-transform:scale(1.1);transform:scale(1.1)}.news-preview-content{padding:25px}.news-preview-content h3{font-size:18px;margin-bottom:12px;color:var(--text-color);line-height:1.4}.news-preview-content h3,.news-preview-content p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-preview-content p{color:#666;font-size:14px;line-height:1.6;margin-bottom:15px}.news-more{text-align:center}.products{background:var(--light-gray)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.product-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.08);-webkit-transition:all .4s;transition:all .4s}.product-card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.product-image{width:100%;height:200px;overflow:hidden;position:relative}.product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.product-card:hover .product-image img{-webkit-transform:scale(1.1);transform:scale(1.1)}.product-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.3)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.3))}.product-content{padding:30px}.product-content h3{font-size:22px;margin-bottom:15px;color:var(--text-color)}.product-content p{color:#666;line-height:1.6;font-size:15px}.advantages{position:relative;overflow:hidden}.advantages-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.advantages-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:brightness(.3);filter:brightness(.3)}.advantages .container{position:relative;z-index:1}.section-title.light{color:var(--white)}.section-title.light:after{background:var(--white)}.advantages-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.advantage-item{position:relative;padding:30px;background:hsla(0,0%,100%,.95);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.2);-webkit-transition:all .4s;transition:all .4s}.advantage-item:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);background:#fff}.advantage-icon{width:100%;height:150px;border-radius:10px;overflow:hidden;margin-bottom:20px}.advantage-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.advantage-item:hover .advantage-icon img{-webkit-transform:scale(1.1);transform:scale(1.1)}.advantage-number{position:absolute;top:20px;right:20px;font-size:36px;font-weight:700;color:var(--primary-color);opacity:.3}.advantage-item h3{font-size:22px;margin-bottom:15px;color:var(--text-color)}.advantage-item p{color:#666;line-height:1.6;font-size:15px}.contact{background:var(--light-gray)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:30px}.contact-info,.contact-item{display:-webkit-box;display:flex}.contact-item{gap:20px;-webkit-box-align:start;align-items:flex-start}.contact-icon{font-size:32px;flex-shrink:0}.contact-item h4{margin-bottom:5px;color:var(--text-color)}.contact-item p{color:#666}.contact-form{background:var(--white);padding:40px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.contact-form input,.contact-form textarea{width:100%;padding:15px;margin-bottom:20px;border:1px solid var(--border-color);border-radius:5px;font-size:16px;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-color)}.contact-form button{width:100%}.footer{background:#2c3e50;color:var(--white);text-align:center;padding:30px 0}.footer p{margin:5px 0;opacity:.8}@media (max-width:768px){.menu-toggle{display:-webkit-box;display:flex}.nav-actions{gap:15px}.lang-switch{padding:6px 15px;font-size:13px}.lang-icon{font-size:14px}.nav-menu{position:fixed;top:60px;left:-100%;width:100%;height:calc(100vh - 60px);background:var(--white);-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:40px;-webkit-transition:left .3s;transition:left .3s;box-shadow:0 5px 15px rgba(0,0,0,.1)}.nav-menu.active{left:0}.hero-container{grid-template-columns:1fr;gap:40px}.hero-container,.hero-content{text-align:center}.hero-content h1{font-size:40px}.hero-content p{font-size:18px}.hero-image{-webkit-box-ordinal-group:0;order:-1}.about-content,.contact-content{grid-template-columns:1fr;gap:40px}.about-image{-webkit-box-ordinal-group:0;order:-1}.about-image img{height:350px}.about-stats-inline{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:20px}.section-title{font-size:28px}.advantages-content,.products-grid{grid-template-columns:1fr}.advantage-item{padding:25px}.advantage-icon{height:180px}}@media (max-width:480px){.lang-switch{padding:5px 12px;font-size:12px}.lang-icon{font-size:13px}.hero-content h1{font-size:32px}.hero-content p{font-size:16px}.about-image img{height:250px}.product-image{height:180px}.advantage-icon{height:150px}}