:root {
    --primary-red: #e62727;
    --primary-blue: #2563EB;
    --bg: #07090E;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg);
    color: #FFFFFF;
    overflow-x: hidden;
    margin: 0;
    min-height: 100vh;
}

h1, h2, h3, h4, .font-heading {
    font-family: 'Sora', sans-serif;
}

/* Glassmorphism Styles */
.glass {
    background: rgba(7, 9, 14, 0.88);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(230, 39, 39, 0.1);
}

.glass-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 0;
    box-shadow: none;
}


/* Ambient Glow Lighting */
.glow-spot {
    position: absolute;
    border-radius: 50%;
    filter: blur(140px);
    pointer-events: none;
    z-index: 0;
    opacity: 0.45;
    mix-blend-mode: screen;
}

.glow-primary {
    background: radial-gradient(circle, rgba(230, 39, 39, 0.22) 0%, transparent 70%);
}

.glow-secondary {
    background: radial-gradient(circle, rgba(37, 99, 235, 0.22) 0%, transparent 70%);
}

/* Float Animation for Background Lights */
@keyframes float-light {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(40px, -40px); }
}

.animate-float-light {
    animation: float-light 16s ease-in-out infinite;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #07090E;
}
::-webkit-scrollbar-thumb {
    background: #e62727;
    border-radius: 10px;
}

/* Infinite Marquee Animation */
@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    display: flex;
    width: max-content;
    animation: marquee 30s linear infinite;
}

.animate-marquee:hover {
    animation-play-state: paused;
}