body {
font-family: 'Unbounded', sans-serif;
margin: 0;
padding: 0;
background-color: #ffe6e6;
color: #333;
}
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
/* Заголовок */
.hero {
background: #ff4d4d;
color: white;
padding: 50px 20px;
text-align: center;
}
.hero h1 {
font-size: 2.5rem;
}
.hero p {
font-size: 1.2rem;
}
/* Пакеты */
.packages {
padding: 50px 20px;
}
.package-options {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.package {
background: white;
border-radius: 10px;
padding: 20px;
width: 300px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
text-align: center;
}
.package h3 {
color: #ff4d4d;
}
.package p {
font-size: 1rem;
}
.btn {
background: #ff4d4d;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
font-size: 1rem;
border-radius: 5px;
}
.btn:hover {
background: #e60000;
}
/* Почему стоит купить */
.reasons {
background: white;
padding: 50px 20px;
}
.reason-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.reason {
width: 300px;
padding: 15px;
border-radius: 10px;
background: #ffe6e6;
}
.reason i {
font-size: 2rem;
color: #ff4d4d;
}
@media (max-width: 768px) {
.package-options, .reason-list {
flex-direction: column;
align-items: center;
}
}