/* в герой-секцию */
.header1 .container {
    position: relative;
    z-index: 2;
}

/* Декоративные элементы, двигающиеся с разной скоростью */
.deco-circle {
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    z-index: 1;
    filter: blur(10px);
}

.deco-circle-1 {
    width: 300px;
    height: 300px;
    top: 20%;
    right: 10%;
}

.deco-circle-2 {
    width: 150px;
    height: 150px;
    bottom: 15%;
    left: 5%;
}

/* Вместо .molecule-container добавь это */
.researches-section .molecule-container {
    position: absolute;
    top: 60px;    /* Отступ сверху от заголовка */
    left: 30px;   /* Отступ слева */
    width: 120px; /* Чуть больше для лучшей видимости */
    height: 120px;
    opacity: 0.8;
    z-index: 1;   /* Важно: выше текста */
}

/* И добавь родителю position: relative */
.researches-section {
    position: relative;
}

.molecule {
    transform-origin: center;
    animation: rotate 20s linear infinite;
}

.atom {
    transition: all 0.3s ease;
}

.molecule:hover {
    animation-play-state: paused;
    transform: scale(1.2);
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.header1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%234a6cf7" opacity="0.05"/><path d="M0,50 Q25,30 50,50 T100,50" stroke="%234a6cf7" stroke-width="2" fill="none" opacity="0.3"/></svg>');
    animation: liquid 15s linear infinite;
    z-index: -1;
}

@keyframes liquid {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; }
}


.navbar-logo img {
    transition: transform 0.5s ease;
    transform-style: preserve-3d;
}

@media (hover: hover) {
    .navbar-logo img:hover {
        transform: rotateY(15deg) rotateX(5deg) scale(1.05);
        box-shadow: 0 10px 30px rgba(74, 108, 247, 0.3);
    }
}


/* жижа 
.header1 .jarallax-img {
    filter: brightness(1.05) contrast(1.1) !important;
    transition: filter 0.5s ease;
}

.header1:hover .jarallax-img {
    filter: brightness(1.1) contrast(1.15) !important;
}

/* И добавь мягкие блики *//*
.header1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%);
    z-index: 1;
    opacity: 0.3;
    animation: shine 8s infinite;
}

@keyframes shine {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}*/

.support-note {
  color: #888; /* утопленный серый */
  transition: color 0.2s ease;
}

.support-note:hover {
  color: #ff6b35; /* или любой другой оранжевый, например: #f28c28, #e67e22 */
  cursor: pointer;
}