/* Logo Styling */
.logo {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 1.5rem;
}

.logo svg {
    margin-right: -30px;
}

.logo span {
    white-space: nowrap;
}

/* Logo Animation */
@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes pulse {
    0% { opacity: 0.8; }
    50% { opacity: 1; }
    100% { opacity: 0.8; }
}

.rotating-element {
    transform-origin: 200px 150px;
    animation: rotate 20s linear infinite;
}

.pulse-element {
    animation: pulse 3s ease-in-out infinite;
}