body {
    font-family: 'Roboto', sans-serif;
    background: linear-gradient(165deg, #4A0072 0%, #7B1FA2 100%);
    color: #ffffff;
}

.glass-effect {
    background: rgba(123, 31, 162, 0.5);
    backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.gradient-text {
    background: linear-gradient(135deg, #9747FF 0%, #BA68C8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.05);
}

.card-shadow {
    box-shadow: 0 8px 30px rgba(151, 71, 255, 0.25);
}