.stratus-logo {
    position: relative;
    width: 50%;
    margin: 0 auto;
    z-index: 1;
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.5s ease;
}

.stratus-logo svg {
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
    filter: drop-shadow(0 0 20px rgba(0, 152, 202, 0.3));
}

.stratus-logo:hover {
    opacity: 0.9;
    transform: scale(1.05);
}

.logo-circle {
    fill: #0098CA;
    opacity: 0.7;
    mix-blend-mode: soft-light;
}

@keyframes logo_glow {
    0%, 100% { filter: drop-shadow(0 0 10px rgba(0, 152, 202, 0.5)); }
    50% { filter: drop-shadow(0 0 25px rgba(0, 152, 202, 0.8)); }
}

.logo-base {
    fill: #94a3b8;
    mix-blend-mode: multiply;
    opacity: 0.5;
    transition: fill 0.3s ease;
}

[data-theme="light"] .logo-base {
    fill: #64748b;
    opacity: 0.8;
}

.logo-blue-curve {
    opacity: 0.8;
    mix-blend-mode: soft-light;
}


@media (max-width: 768px) {
    .stratus-logo {
        width: 60%;
    }
}