.blendify-mark {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.blendify-dna-svg {
    width: 26px;
    height: 34px;
    overflow: visible;
}

.dna-back {
    opacity: 0.34;
}

.dna-front {
    opacity: 1;
}

.dna-bars line {
    stroke: rgba(201, 214, 255, 0.90);
    stroke-width: 2.3;
    animation: barsPulse 2.6s ease-in-out infinite;
}

.dna-front,
.dna-back {
    animation: dnaGlowPulse 3s ease-in-out infinite;
}

.dna-pink-front-mid,
.dna-pink-front-bottom {
    animation-delay: .15s;
}

.dna-blue-front-mid {
    animation-delay: .08s;
}

@keyframes dnaGlowPulse {
    0%, 100% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(1.08);
    }
}

@keyframes barsPulse {
    0%, 100% {
        opacity: 0.72;
    }
    50% {
        opacity: 1;
    }
}

a:hover .blendify-dna-svg,
.blendify-mark:hover .blendify-dna-svg {
    transform: scale(1.04);
    transition: transform .2s ease;
}

@media (prefers-reduced-motion: reduce) {
    .dna-front,
    .dna-back,
    .dna-bars line {
        animation: none !important;
    }
}

/* Movimento interno suave */
.dna-front {
    stroke-dasharray: 140;
    stroke-dashoffset: 0;

    animation:
        dnaFlow 3.2s linear infinite,
        dnaGlowPulse 2.8s ease-in-out infinite;
}

/* lados alternando levemente */
.dna-blue-front-mid {
    animation-delay: 0s, 0s;
}

.dna-pink-front-mid {
    animation-delay: -1.6s, .15s;
}

/* brilho suave */
@keyframes dnaGlowPulse {
    0%, 100% {
        filter: drop-shadow(0 0 2px rgba(99,102,241,0.15));
    }
    50% {
        filter: drop-shadow(0 0 6px rgba(168,85,247,0.28));
    }
}

/* fluxo REAL dentro da curva */
@keyframes dnaFlow {
    0% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: -140;
    }
}

.shine-path {
    stroke: url(#shine);
    stroke-width: 2;
    opacity: 0.6;

    animation: shineMove 2.8s linear infinite;
}

@keyframes shineMove {
    0% {
        stroke-dasharray: 10 120;
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dasharray: 10 120;
        stroke-dashoffset: -130;
    }
}