/* Base Resets */
html, body { 
    background-color: #0a0a0a; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    overflow-x: hidden; /* CRITICAL: Prevents mobile side-scrolling */
}

/* Custom Gradients & Effects */
.vylot-gradient {
    background: radial-gradient(circle at top center, rgba(127, 0, 255, 0.15) 0%, transparent 70%);
}

.glass {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* Safari support */
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.btn-shadow {
    box-shadow: 0 0 20px rgba(127, 0, 255, 0.4);
}

/* Animations */
.transition-all { 
    transition: all 0.3s ease-in-out; 
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    animation: marquee 30s linear infinite;
}