*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}body{color:#333;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.btn{border-radius:6px;cursor:pointer;display:inline-block;font-weight:600;padding:10px 20px;text-align:center;transition:all .3s ease}.btn-primary{background-color:#165dff;border:none;color:#fff}.btn-primary:hover{background-color:#0e4cd1}.btn-outline{background-color:transparent;border:1px solid #165dff;color:#165dff}.btn-outline:hover{background-color:#f0f5ff}.section{padding:80px 0}.section-title{margin-bottom:60px;text-align:center}.section-title h2{color:#1d2129;font-size:32px;margin-bottom:15px}.section-title .line{background-color:#165dff;height:3px;margin:0 auto;width:60px}.section-title p{color:#666;margin:20px auto 0;max-width:700px}header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:100}.navbar{justify-content:space-between;padding:15px 0}.logo,.navbar{align-items:center;display:flex}.logo{color:#1d2129;font-size:22px;font-weight:700}.logo-icon{width:100px}.nav-links{display:flex;gap:30px}.nav-links a{color:#1d2129;font-weight:500;position:relative;transition:color .3s ease}.nav-links a:hover{color:#165dff}.nav-links a:after{background-color:#165dff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{width:100%}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;font-size:24px}.mobile-menu{border-top:1px solid #eee;display:none;padding:20px 0}.mobile-menu a{color:#1d2129;display:block;padding:10px 0;transition:color .3s ease}.mobile-menu a:hover{color:#165dff}.mobile-menu .btn{margin-top:10px;width:100%}.hero{background-color:#f9fafb;padding-bottom:100px;padding-top:150px}.hero-content{align-items:center;display:flex;flex-wrap:wrap;gap:40px}.hero-text{flex:1;min-width:300px}.hero-text h1{color:#1d2129;font-size:42px;line-height:1.2;margin-bottom:20px}.hero-text h1 span{color:#165dff}.hero-text p{color:#666;font-size:18px;margin-bottom:30px;max-width:500px}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px}.hero-image{flex:1;min-width:300px}.hero-image img{border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);width:100%}.about{background-color:#fff}.about-content{align-items:center;display:flex;flex-wrap:wrap;gap:60px}.about-image{flex:1;min-width:300px}.about-image img{border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);width:100%}.about-text{flex:1;min-width:300px}.about-text h3{color:#1d2129;font-size:24px;margin-bottom:20px}.about-text p{color:#666;margin-bottom:30px}.features{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.feature{display:flex;gap:15px}.feature-icon{align-items:center;background-color:#e8f3ff;border-radius:8px;color:#165dff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.feature-text h4{color:#1d2129;font-size:16px;margin-bottom:5px}.feature-text p{font-size:14px;margin-bottom:0}.services{background-color:#f9fafb}.services-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.05);padding:30px;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.1);transform:translateY(-5px)}.service-icon{align-items:center;background-color:#e8f3ff;border-radius:10px;color:#165dff;display:flex;font-size:20px;height:50px;justify-content:center;margin-bottom:20px;width:50px}.service-card h3{color:#1d2129;font-size:20px;margin-bottom:15px}.service-card p{color:#666;margin-bottom:20px}.service-card a{align-items:center;color:#165dff;display:inline-flex;font-weight:500;transition:padding-left .3s ease}.service-card a:after{content:"→";margin-left:5px;transition:margin-left .3s ease}.service-card a:hover{padding-left:5px}.service-card a:hover:after{margin-left:10px}.products{background-color:#fff}.products-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.product-card{transition:transform .3s ease}.product-card:hover{transform:translateY(-5px)}.product-image{border-radius:10px;margin-bottom:20px;overflow:hidden}.product-image img{height:200px;object-fit:cover;transition:transform .5s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.product-card h3{color:#1d2129;font-size:20px;margin-bottom:10px}.product-card p{color:#666;margin-bottom:15px}.product-card a{align-items:center;color:#165dff;display:inline-flex;font-weight:500;transition:padding-left .3s ease}.product-card a:after{content:"→";margin-left:5px;transition:margin-left .3s ease}.product-card a:hover{padding-left:5px}.product-card a:hover:after{margin-left:10px}.contact{background-color:#f9fafb}.contact-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.contact-form{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.05);flex:1;min-width:300px;padding:30px}.contact-form h3{color:#1d2129;font-size:24px;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{color:#1d2129;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#165dff;box-shadow:0 0 0 3px rgba(22,93,255,.1);outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-row{display:flex;flex-wrap:wrap;gap:20px}.form-row .form-group{flex:1;min-width:200px}.contact-info{display:flex;flex:1;flex-direction:column;gap:30px;max-width:600px;min-width:300px}.info-card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.05);padding:30px}.info-card h3{color:#1d2129;font-size:24px;margin-bottom:25px}.info-item{display:flex;gap:15px;margin-bottom:20px}.info-item:last-child{margin-bottom:0}.info-icon{align-items:center;background-color:#e8f3ff;border-radius:8px;color:#165dff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.info-text h4{color:#1d2129;font-size:16px;margin-bottom:5px}.info-text p{color:#666}.social-links{display:flex;gap:15px;margin-top:10px}.social-link{align-items:center;background-color:#e8f3ff;border-radius:8px;color:#165dff;display:flex;height:45px;justify-content:center;transition:all .3s ease;width:45px}.social-link:hover{background-color:#165dff;color:#fff;transform:translateY(-3px)}footer{background-color:#333845;color:#fff;padding:60px 0 30px}.footer-content{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.footer-col h4{font-size:18px;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-col h4:after{background-color:#165dff;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-logo{align-items:center;display:flex;font-size:22px;font-weight:700;margin-bottom:20px}.footer-col p{color:#b0b0b0;margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{color:#b0b0b0;transition:color .3s ease}.footer-links a:hover{color:#fff;padding-left:5px}.footer-social{display:flex;gap:15px}.footer-social a{color:#b0b0b0;transition:color .3s ease}.footer-social a:hover{color:#fff}.footer-bottom{border-top:1px solid #333;color:#b0b0b0;font-size:14px;padding-top:30px;text-align:center}.footer-bottom p{margin-bottom:10px}.footer-bottom a{color:#b0b0b0;transition:color .3s ease}.footer-bottom a:hover{color:#fff}#back-to-top{align-items:center;background-color:#165dff;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px rgba(22,93,255,.3);color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;position:fixed;right:30px;transition:all .3s ease;visibility:hidden;width:50px;z-index:99}#back-to-top.show{opacity:1;transform:translateY(0);visibility:visible}#back-to-top:not(.show){transform:translateY(20px)}[hidden]{display:none!important}@media (max-width:768px){.nav-links,.navbar .btn{display:none}.mobile-menu-btn,.mobile-menu.active{display:block}.hero-text h1{font-size:32px}.section{padding:60px 0}.section-title h2{font-size:26px}}