/* Custom Animations & Utilities */
body {
    background-color: #0B0C10;
    color: #C5C6C7;
}

.text-glow {
    text-shadow: 0 0 20px rgba(69, 162, 158, 0.5);
}

.purple-glow {
    box-shadow: 0 0 20px rgba(166, 74, 201, 0.3);
}

.bg-grid {
    background-size: 40px 40px;
    mask-image: linear-gradient(to bottom, transparent, 10%, black, 90%, transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, 5%, black, 90%, transparent);
}

/* Scroll Reveal Animation Classes */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Gradient Text */
.gradient-text {
    background: linear-gradient(90deg, #66FCF1, #A64AC9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}