* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: ‚Segoe UI‘, Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 20px;
}

.container {
max-width: 1200px;
margin: 0 auto;
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.header {
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: white;
padding: 40px;
text-align: center;
}

.header h1 {
font-size: 2.5em;
margin-bottom: 15px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.badge-container {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 20px;
flex-wrap: wrap;
}

.badge {
background: rgba(255,255,255,0.2);
padding: 10px 20px;
border-radius: 25px;
font-weight: bold;
backdrop-filter: blur(10px);
}

.highlight-box {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
color: white;
padding: 30px;
text-align: center;
font-size: 1.8em;
font-weight: bold;
}

.specs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
padding: 40px;
background: #f8f9fa;
}

.spec-card {
background: white;
padding: 25px;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}

.spec-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.spec-icon {
font-size: 2.5em;
margin-bottom: 15px;
}

.spec-card h3 {
color: #2a5298;
margin-bottom: 10px;
font-size: 1.3em;
}

.features-section {
padding: 50px 40px;
}

.features-section h2 {
text-align: center;
color: #1e3c72;
font-size: 2.2em;
margin-bottom: 40px;
}

.feature-item {
display: flex;
align-items: start;
margin-bottom: 25px;
padding: 20px;
background: #f8f9fa;
border-radius: 10px;
border-left: 5px solid #2a5298;
}

.feature-icon {
font-size: 2em;
margin-right: 20px;
color: #2a5298;
}

.feature-content h4 {
color: #1e3c72;
margin-bottom: 8px;
font-size: 1.2em;
}

.applications {
background: linear-gradient(135deg, #134e5e 0%, #71b280 100%);
color: white;
padding: 50px 40px;
text-align: center;
}

.applications h2 {
font-size: 2.2em;
margin-bottom: 30px;
}

.app-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-top: 30px;
}

.app-card {
background: rgba(255,255,255,0.15);
padding: 25px;
border-radius: 15px;
backdrop-filter: blur(10px);
}

.app-card .icon {
font-size: 3em;
margin-bottom: 15px;
}

.reviews {
padding: 50px 40px;
background: #fff;
}

.reviews h2 {
text-align: center;
color: #1e3c72;
font-size: 2.2em;
margin-bottom: 40px;
}

.review-card {
background: #f8f9fa;
padding: 25px;
border-radius: 15px;
margin-bottom: 20px;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.stars {
color: #ffc107;
font-size: 1.5em;
margin-bottom: 10px;
}

.review-author {
font-weight: bold;
color: #2a5298;
margin-top: 15px;
}

.cta-section {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
padding: 60px 40px;
text-align: center;
color: white;
}

.cta-section h2 {
font-size: 2.5em;
margin-bottom: 20px;
}

.cta-button {
display: inline-block;
background: white;
color: #f5576c;
padding: 20px 50px;
font-size: 1.5em;
font-weight: bold;
border-radius: 50px;
text-decoration: none;
margin-top: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
transition: transform 0.3s ease;
}

.cta-button:hover {
transform: scale(1.05);
}

.guarantee {
background: #1e3c72;
color: white;
padding: 30px;
text-align: center;
}

.guarantee-items {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 20px;
flex-wrap: wrap;
}

.guarantee-item {
display: flex;
align-items: center;
gap: 10px;
}

.guarantee-item .icon {
font-size: 2em;
}

@media (max-width: 768px) {
.header h1 {
font-size: 1.8em;
}

.highlight-box {
font-size: 1.3em;
}

.specs-grid, .features-section, .applications, .reviews {
padding: 30px 20px;
}
}