:root {
    --charcoal: #121212;
    --soft-charcoal: #1a1a1b;
    --eco-cyan: #22d3ee;
}

body {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(rgba(18, 18, 18, 0.85), rgba(18, 18, 18, 0.85)), url('https://images.unsplash.com/photo-1472214103451-9374bd1c798e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #f3f4f6;
}

.cyan-glow {
    box-shadow: 0 0 15px rgba(34, 211, 238, 0.3);
}

.step-transition {
    transition: all 0.3s ease-in-out;
}

.hidden-step {
    display: none;
    opacity: 0;
    transform: translateY(10px);
}

.active-step {
    display: block;
    opacity: 1;
    transform: translateY(0);
}