/* Шрифты: базовые */
body {
    font-family: 'Open Sans', Arial, sans-serif; /* Текст: Open Sans для читаемости */
    line-height: 1.4;
}

/* Заголовки: Montserrat для wow-эффекта */
h1, h2, h3 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 700; /* Полужирный для impact */
    letter-spacing: -0.02em; /* Лёгкий кернинг для стиля */
}

/* Логотип в навбаре */
.nav-logo h2 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 700;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease-out;
}

/* Кнопки: тот же Montserrat для consistency */
.nav-btn {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase; /* Верхний регистр для стиля (опционально) */
    letter-spacing: 0.05em;
}

.cta-button {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase; /* Верхний регистр для стиля (опционально) */
    letter-spacing: 0.05em;
}

.skill-btn {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 600;
}

.service-card h3 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 600;
}

.service-card p {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 400;
}

.portfolio-item h3 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 600;
}

.portfolio-item .image-placeholder {
    font-family: 'Open Sans', Arial, sans-serif;
}

.contact-info h3 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 600;
}

.contact-info p {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 400;
}

.contact-form input,
.contact-form textarea {
    font-family: 'Open Sans', Arial, sans-serif; /* Текст в формах тоже на Open Sans */
}

.contact-form button {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase; /* Верхний регистр для стиля (опционально) */
    letter-spacing: 0.05em;
}

.navbar h2 {
    line-height: 0.935;
}

:root {
    --nbh2-color: #7200ff
}

.blink {
    animation: blink-fade 5s infinite;
}

@keyframes blink-fade {
    0%, 60% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.neon-flicker {
    transition: text-shadow 0.3s ease, opacity 0.3s ease;
    display: inline-block;
}

.nav-logo:hover .neon-flicker {
    animation: flicker 2.5s infinite;
}

@keyframes flicker {
    0%   { opacity: 1; text-shadow: 0 0 8px var(--nbh2-color), 0 0 14px var(--nbh2-color); }
    10%  { opacity: .8; text-shadow: 0 0 4px var(--nbh2-color); }
    20%  { opacity: 1; }
    35%  { opacity: .9; text-shadow: 0 0 6px var(--nbh2-color); }
    50%  { opacity: .7; text-shadow: 0 0 3px var(--nbh2-color); }
    70%  { opacity: 1; }
    85%  { opacity: .9; }
    100% { opacity: 1; text-shadow: 0 0 5px var(--nbh2-color), 0 0 7px var(--nbh2-color); }
}