body {
    font-family: 'Inter', sans-serif;
    background: #0a001a;
    background-image: radial-gradient(ellipse at center, rgba(107, 33, 168, 0.3) 0%, rgba(12, 0, 31, 0) 70%);
    color: #e0e0e0;
}

.glass-effect {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.purple-glow {
    box-shadow: 0 0 20px 5px rgba(168, 85, 247, 0.4);
}

.purple-text-glow {
    text-shadow: 0 0 10px rgba(192, 132, 252, 0.8);
}

#main-content.blur {
    filter: blur(10px);
    transition: filter 0.3s ease-out;
}

#contact-modal.show {
    opacity: 1;
}

#modal-content.show {
    transform: scale(1);
}