body {
    font-family: 'Inter', sans-serif;
    background-color: #020617; /* slate-950 */
    color: #e2e8f0;
}

.glassmorphism {
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.gradient-text {
    background: linear-gradient(to right, #a5b4fc, #c4b5fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-glow {
    text-shadow: 0 0 15px rgba(165, 180, 252, 0.3), 0 0 30px rgba(196, 181, 253, 0.2);
}

.cta-button {
    box-shadow: 0 0 20px rgba(99, 102, 241, 0.4);
}

.cta-button:hover {
    box-shadow: 0 0 35px rgba(99, 102, 241, 0.7);
}

.slide-up {
    transform: translateY(20px);
    opacity: 0;
    animation: slideUpAnimation 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

@keyframes slideUpAnimation {
    to {
        transform: translateY(0);
        opacity: 1;
    }
}