.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../images/hero-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.8) 0%,rgba(118,75,162,.9) 100%)}.hero-content{position:relative;z-index:2;color:var(--text-inverse);text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);line-height:1.2}.hero-title .highlight{display:block;color:var(--accent-color);margin-top:var(--spacing-sm)}.hero-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);opacity:.9;line-height:1.6}.hero-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.hero-image{position:absolute;right:10%;top:50%;transform:translateY(-50%);width:400px;height:400px;opacity:.1;z-index:1}.hero-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-xl)}.features-section{padding:var(--spacing-3xl) 0;background-color:var(--bg-primary)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.section-description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}.feature-card{text-align:center;padding:var(--spacing-xl);background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-slow);border:1px solid var(--border-light)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:var(--gradient-accent);border-radius:var(--border-radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-inverse)}.feature-icon svg{width:40px;height:40px}.feature-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.feature-description{color:var(--text-secondary);line-height:1.6}.products-section{padding:var(--spacing-3xl) 0;background-color:var(--bg-secondary)}.products-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.product-card{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-slow)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-image{position:relative;height:250px;overflow:hidden}.product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image img{transform:scale(1.05)}.product-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.product-card:hover .product-overlay{opacity:1}.product-content{padding:var(--spacing-lg)}.product-title{font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.product-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.product-features{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.feature-tag{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.section-footer{text-align:center}.about-section{padding:var(--spacing-3xl) 0;background-color:var(--bg-primary)}.about-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:center}.about-text{text-align:center}.about-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.6}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-item{text-align:center}.stat-number{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--primary-color);margin-bottom:var(--spacing-xs)}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.about-image{text-align:center}.about-image img{max-width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.news-section{padding:var(--spacing-3xl) 0;background-color:var(--bg-secondary)}.news-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}.news-card{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-slow)}.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.news-image{position:relative;height:200px;overflow:hidden}.news-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.news-card:hover .news-image img{transform:scale(1.05)}.news-date{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--primary-color);color:var(--text-inverse);padding:var(--spacing-sm);border-radius:var(--border-radius-md);text-align:center;min-width:60px}.date-day{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1}.date-month{display:block;font-size:var(--font-size-xs);opacity:.9}.news-content{padding:var(--spacing-lg)}.news-title{margin-bottom:var(--spacing-sm)}.news-title a{color:var(--text-primary);text-decoration:none;font-size:var(--font-size-h6);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast)}.news-title a:hover{color:var(--primary-color)}.news-excerpt{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.news-category{background-color:var(--primary-color);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium)}.news-time{color:var(--text-tertiary)}.cta-section{padding:var(--spacing-3xl) 0;background:var(--gradient-secondary);color:var(--text-inverse);text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.cta-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);opacity:.9;line-height:1.6}.cta-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.back-to-top{position:fixed;bottom:100px;right:var(--spacing-lg);width:50px;height:50px;background-color:var(--primary-color);color:var(--text-inverse);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);opacity:0;visibility:hidden;z-index:var(--z-fixed)}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.back-to-top svg{width:24px;height:24px}@media (min-width: 768px){.hero-title{font-size:3rem}.features-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.about-content{grid-template-columns:1fr 1fr;text-align:left}.about-text{text-align:left}.news-grid{grid-template-columns:repeat(2,1fr)}.hero-image{opacity:.2}}@media (min-width: 1024px){.hero-title{font-size:3.5rem}.features-grid{grid-template-columns:repeat(4,1fr)}.products-grid,.news-grid{grid-template-columns:repeat(3,1fr)}.hero-image{opacity:.3}.back-to-top{bottom:120px}}@media (max-width: 767px){.hero-section{min-height:80vh;padding:var(--spacing-xl) 0}.hero-title{font-size:2rem}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%;max-width:300px}.hero-image{display:none}.about-stats{grid-template-columns:1fr;gap:var(--spacing-md)}.back-to-top{bottom:80px;right:var(--spacing-md);width:44px;height:44px}}.feature-card,.product-card,.news-card{animation:fadeInUp .6s ease-out}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.product-card:nth-child(1){animation-delay:.1s}.product-card:nth-child(2){animation-delay:.2s}.product-card:nth-child(3){animation-delay:.3s}.news-card:nth-child(1){animation-delay:.1s}.news-card:nth-child(2){animation-delay:.2s}.news-card:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-animate{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.scroll-animate.animate{opacity:1;transform:translateY(0)}