/* Logo kayarak ışıltı */
.logo-shine {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border-radius: 4px;
    line-height: 0;
    vertical-align: middle;
}

.logo-shine img {
    position: relative;
    z-index: 1;
    display: block;
    height: 50px;
    width: auto;
    max-width: 220px;
    animation: logoGlowPulse 3.2s ease-in-out infinite;
}

.logo-shine::after {
    content: "";
    position: absolute;
    top: -20%;
    left: -60%;
    width: 45%;
    height: 140%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(255, 255, 255, 0) 35%,
        rgba(255, 255, 255, 0.55) 50%,
        rgba(255, 255, 255, 0) 65%,
        transparent 100%
    );
    transform: skewX(-18deg);
    animation: logoShineSweep 2.8s ease-in-out infinite;
}

@keyframes logoShineSweep {
    0% { left: -70%; opacity: 0; }
    15% { opacity: 1; }
    45% { left: 120%; opacity: 1; }
    46%, 100% { left: 120%; opacity: 0; }
}

@keyframes logoGlowPulse {
    0%, 100% {
        filter: drop-shadow(0 0 0 rgba(15, 52, 96, 0)) brightness(1);
    }
    50% {
        filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.45)) brightness(1.06);
    }
}

@media (prefers-reduced-motion: reduce) {
    .logo-shine::after,
    .logo-shine img {
        animation: none !important;
    }
}