@charset "utf-8";
/* CSS Document */
.hero {height:55vh;background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('../images/banner.png');background-size:cover;background-position:center;display:flex;align-items:center;color:white;padding:0 10%; z-index:-10000;}
.hero-content {max-width:700px;}
.hero h2 {font-size:3.5rem;margin-bottom:1.5rem;line-height:1.2;}
.hero p {font-size:1.3rem;margin-bottom:2rem;opacity:0.9;}
.hero-buttons {display:flex;gap:1rem;}
/* Products Section */        
.products-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;}
.product-card {background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s ease;}
.product-card:hover {transform:translateY(-10px);}
.product-img {height:200px;background-color:var(--secondary-color);display:flex;align-items:center;justify-content:center;color:var(--dark-blue);font-size:3rem;}
.product-info {padding:20px;}
.product-info h3 {margin-bottom:10px;color:var(--dark-blue);}
.product-info p {color:#666;margin-bottom:15px;font-size:0.9rem;}
/* Video Section */        
.video-container {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;}
.video-card {background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.video-thumbnail {height:180px;background-color:var(--secondary-color);display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:3rem;}
.video-info {padding:15px;}
.video-info h3 {margin-bottom:10px;color:var(--dark-blue);}
/* News Section */        
.news-container {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;}
.news-card {background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.news-img {height:180px;background-color:var(--secondary-color);display:flex;align-items:center;justify-content:center;color:var(--dark-blue);}
.news-info {padding:20px;}
.news-info h3 {margin-bottom:10px;color:var(--dark-blue);}
.news-date {color:var(--accent-color);font-size:0.9rem;margin-bottom:10px;}
/* About Section */        
.about-content {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.about-text h3 {color:var(--dark-blue);margin-bottom:20px;}
.about-text p {margin-bottom:15px;}
.about-image {background-color:var(--secondary-color);height:350px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--dark-blue);font-size:5rem;}
/* Contact Section */        
.contact-container {display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.contact-info {background-color:var(--primary-color);padding:30px;border-radius:8px;}
.contact-info h3 {color:var(--dark-blue);margin-bottom:20px;}
.contact-details {margin-bottom:30px;}
.contact-details p {margin-bottom:10px;display:flex;align-items:center;}
.contact-details i {color:var(--accent-color);margin-right:10px;width:20px;}
.contact-form input,.contact-form textarea {width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;font-size:1rem;}
.contact-form textarea {height:150px;resize:vertical;}
/* Footer */