body { margin:0; font-family:'Montserrat',sans-serif; background:#F4F4F4; color:#4A4A4A; }
a{text-decoration:none;color:inherit;}
button{cursor:pointer;border:none;border-radius:5px;padding:12px 24px;font-weight:500;font-size:16px;background:#00CFFF;color:#fff;transition:background 0.3s,transform 0.2s;}
button:hover{background:#FF6B35;transform:scale(1.05);}
.hero{background:#1F3A93;color:white;text-align:center;padding:100px 20px 80px 20px;}
.hero .logo{width:120px;margin-bottom:20px;}
.hero h1{font-size:48px;margin:10px 0;}
.hero h2{font-size:22px;font-weight:400;margin:10px 0 30px 0;color:#00CFFF;}
.products{padding:80px 20px;text-align:center;}
.products h2{font-size:36px;margin-bottom:40px;}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:1000px;margin:0 auto;}
.product-card{background:#4A4A4A;color:white;padding:30px 20px;border-radius:10px;transition:transform 0.3s,box-shadow 0.3s;}
.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.3);}
.product-card img{width:60px;margin-bottom:15px;transition:transform 0.3s;}
.product-card:hover img{transform:scale(1.2);}
.product-card h3{margin:10px 0;}
.about{padding:80px 20px;background:#F4F4F4;text-align:center;}
.about h2{font-size:36px;margin-bottom:20px;}
.about p{font-size:18px;max-width:800px;margin:0 auto;line-height:1.6;}
.contact{padding:80px 20px;background:#1F3A93;color:white;text-align:center;}
.contact h2{font-size:36px;margin-bottom:20px;}
.contact input{padding:12px;font-size:16px;border-radius:5px;border:none;margin-right:10px;width:250px;}
.contact button{margin-top:10px;}
.social-icons a{color:#00CFFF;margin:0 10px;font-weight:bold;}
footer{background:#4A4A4A;color:white;text-align:center;padding:40px 20px;font-size:14px;}