/* Custom variables and global resets */
:root { 
    --orange: #FF5C00; 
    --cyan: #00F0FF; 
    --bg: #030303; 
}

body { 
    background-color: var(--bg); 
    color: #fff; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
}

/* Animations & Special Effects */
.reveal { 
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.8s ease-out; 
}

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

/* Add any other custom classes here */