.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.logo-text {
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    font-size: 2.5rem;
    background: linear-gradient(45deg, #007bff, #28a745);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.logo-text span {
    color: #007bff;
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
}