/* Общие стили */
body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333;
    overflow-x: hidden;
}

/* Логотип */
.logo {
    height: 50px;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
    transition: all 0.3s ease;
}

.logo:hover {
    transform: scale(1.05);
    filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.4));
}

/* Герой-секция */
.hero {
    margin-top: 70px;
    height: 80vh;
    overflow: hidden;
}

.carousel-item img {
    height: 80vh;
    object-fit: cover;
    filter: brightness(0.9);
    transition: filter 0.3s ease;
}

.carousel-item img:hover {
    filter: brightness(1);
}

/* Эффекты для карусели */
.carousel-control-prev,
.carousel-control-next {
    width: 5%;
    opacity: 0.7;
    transition: opacity 0.3s ease, width 0.3s ease;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: 1;
    width: 7%;
}

.carousel-indicators button {
    background-color: rgba(255,255,255,0.5);
    border: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.carousel-indicators button:hover,
.carousel-indicators .active {
    background-color: white;
    width: 16px;
    height: 16px;
    transform: scale(1.2);
}

/* Миссия */
.mission h1 {
    background: linear-gradient(90deg, #e63946, #f4a261, #e9c46a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradientShift 5s ease infinite;
    font-weight: 800;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Карточки услуг */
.service-card {
    transition: all 0.3s ease;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px
