*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#1a1a2e;--secondary-color:#16213e;--accent-color:#e94560;--accent-hover:#ff6b6b;--text-color:#333;--text-light:#666;--bg-light:#f8f9fa;--bg-gray:#e9ecef;--white:#fff}html{scroll-behavior:smooth}body{color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{text-align:center;color:var(--primary-color);margin-bottom:50px;font-size:2.5rem;position:relative}.section-title:after{content:"";background:var(--accent-color);border-radius:2px;width:80px;height:4px;margin:15px auto 0;display:block}.btn{background:var(--accent-color);color:var(--white);cursor:pointer;border:none;border-radius:30px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block}.btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 5px 20px #e9456066}.btn-outline{border:2px solid var(--accent-color);color:var(--accent-color);background:0 0}.btn-outline:hover{background:var(--accent-color);color:var(--white)}.header{background:var(--white);z-index:1000;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px #0000001a}.header-content{justify-content:space-between;align-items:center;padding:15px 0;display:flex}.logo{color:var(--primary-color);font-size:1.8rem;font-weight:800}.logo span{color:var(--accent-color)}.nav-list{gap:35px;display:flex}.nav-link{color:var(--text-color);font-weight:500;transition:color .3s;position:relative}.nav-link:after{content:"";background:var(--accent-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-link:hover:after{width:100%}.nav-link:hover{color:var(--accent-color)}.header-phone{color:var(--primary-color);align-items:center;gap:10px;font-weight:600;display:flex}.header-phone svg{color:var(--accent-color)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.mobile-menu-btn span{background:var(--primary-color);border-radius:2px;width:25px;height:3px;display:block}.hero{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid;position:relative}.hero-text h1{color:var(--white);margin-bottom:20px;font-size:3.5rem;line-height:1.2}.hero-text h1 span{color:var(--accent-color)}.hero-text p{color:#fffc;margin-bottom:30px;font-size:1.2rem}.hero-buttons{gap:20px;display:flex}.hero-stats{gap:40px;margin-top:50px;display:flex}.stat-item{text-align:center}.stat-number{color:var(--accent-color);font-size:2.5rem;font-weight:800}.stat-text{color:#ffffffb3;font-size:.9rem}.hero-image{justify-content:center;align-items:center;display:flex}.hero-image-placeholder{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.hero-image-placeholder:before{content:"";font-size:150px}.about{background:var(--white)}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-image{background:linear-gradient(135deg,var(--bg-gray)0%,var(--bg-light)100%);border-radius:20px;justify-content:center;align-items:center;height:400px;font-size:100px;display:flex}.about-text h3{color:var(--primary-color);margin-bottom:20px;font-size:1.8rem}.about-text p{color:var(--text-light);margin-bottom:15px}.about-features{margin-top:30px}.about-feature{align-items:center;gap:15px;margin-bottom:15px;display:flex}.about-feature-icon{background:var(--accent-color);width:40px;height:40px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.products{background:var(--bg-light)}.products-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.product-card{background:var(--white);border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #00000014}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.product-image{background:linear-gradient(135deg,var(--secondary-color)0%,var(--primary-color)100%);justify-content:center;align-items:center;height:180px;font-size:60px;display:flex}.product-info{padding:25px}.product-info h3{color:var(--primary-color);margin-bottom:10px;font-size:1.3rem}.product-info p{color:var(--text-light);margin-bottom:20px;font-size:.95rem}.product-link{color:var(--accent-color);align-items:center;gap:5px;font-weight:600;transition:gap .3s;display:flex}.product-link:hover{gap:10px}.modal-overlay{z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-content{background:var(--white);border-radius:20px;width:100%;max-width:1000px;max-height:90vh;animation:.3s slideIn;position:relative;overflow-y:auto}.modal-close{background:var(--bg-light);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:var(--accent-color);color:var(--white);transform:rotate(90deg)}.modal-body{grid-template-columns:1fr 1.2fr;display:grid}.modal-image{background:linear-gradient(135deg,var(--secondary-color)0%,var(--primary-color)100%);border-radius:20px 0 0 20px;justify-content:center;align-items:center;min-height:400px;display:flex}.modal-icon{transform:scale(2)}.modal-icon svg{width:100px;height:100px}.modal-info{padding:50px 40px}.modal-info h2{color:var(--primary-color);margin-bottom:25px;font-size:2.2rem}.modal-description{margin-bottom:30px}.modal-description p{color:var(--text-light);white-space:pre-line;margin-bottom:15px;line-height:1.7}.modal-specs{background:var(--bg-light);border-radius:15px;margin-bottom:30px;padding:25px}.modal-specs h4{color:var(--primary-color);margin-bottom:15px;font-size:1.1rem}.specs-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.spec-item{flex-direction:column;gap:5px;display:flex}.spec-label{color:var(--text-light);font-size:.85rem}.spec-value{color:var(--primary-color);font-weight:600}@media (max-width:768px){.modal-body{grid-template-columns:1fr}.modal-image{border-radius:20px 20px 0 0;min-height:200px}.modal-info{padding:30px 20px}.modal-info h2{font-size:1.8rem}.specs-grid{grid-template-columns:1fr}.modal-close{top:10px;right:10px}}.advantages{background:var(--white)}.advantages-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.advantage-card{text-align:center;background:var(--bg-light);border-radius:20px;padding:40px 30px;transition:all .3s}.advantage-card:hover{background:var(--primary-color);color:var(--white)}.advantage-card:hover .advantage-icon{background:var(--accent-color)}.advantage-card:hover h3{color:var(--white)}.advantage-card:hover p{color:#fffc}.advantage-icon{background:var(--white);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:2rem;transition:all .3s;display:flex;box-shadow:0 5px 20px #0000001a}.advantage-card h3{color:var(--primary-color);margin-bottom:10px;font-size:1.2rem;transition:color .3s}.advantage-card p{color:var(--text-light);font-size:.95rem;transition:color .3s}.contact{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);color:var(--white)}.contact .section-title{color:var(--white)}.contact-content{grid-template-columns:1fr 1fr;gap:60px;display:grid}.contact-info h3{margin-bottom:20px;font-size:1.5rem}.contact-info p{color:#fffc;margin-bottom:30px}.contact-item{align-items:center;gap:15px;margin-bottom:20px;display:flex}.contact-icon{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;display:flex}.contact-text span{color:#fff9;font-size:.9rem;display:block}.contact-text a,.contact-text p{color:var(--white);margin:0;font-size:1.1rem}.contact-form{background:var(--white);border-radius:20px;padding:40px}.contact-form h3{color:var(--primary-color);margin-bottom:25px;font-size:1.5rem}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{border:2px solid var(--bg-gray);border-radius:10px;width:100%;padding:15px 20px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);outline:none}.form-group textarea{resize:none;height:120px}.contact-form .btn{width:100%}.footer{background:var(--primary-color);color:var(--white);padding:60px 0 30px}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-about .logo{color:var(--white);margin-bottom:20px;display:inline-block}.footer-about p{color:#ffffffb3;font-size:.95rem}.footer-title{color:var(--white);margin-bottom:20px;font-size:1.2rem}.footer-links li{margin-bottom:12px}.footer-links a{color:#ffffffb3;transition:color .3s}.footer-links a:hover{color:var(--accent-color)}.footer-bottom{text-align:center;color:#fff9;border-top:1px solid #ffffff1a;padding-top:30px;font-size:.9rem}.whatsapp-btn{width:60px;height:60px;color:var(--white);z-index:999;cursor:pointer;background:#25d366;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 5px 20px #25d36666}.whatsapp-btn:hover{transform:scale(1.1);box-shadow:0 8px 30px #25d36680}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-image{display:none}.hero-stats,.hero-buttons{justify-content:center}.products-grid,.advantages-grid,.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-list{display:none}.mobile-menu-btn{display:flex}.header-phone{display:none}.hero-text h1{font-size:2.5rem}.section-title{font-size:2rem}.about-content{grid-template-columns:1fr}.about-image{height:300px}.products-grid,.advantages-grid,.contact-content{grid-template-columns:1fr}.footer-content{text-align:center;grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:20px}.hero-buttons{flex-direction:column;align-items:center}}