@font-face {
    font-family: 'TT Supermolot Neue Ext Regular';
    src: url('./fonts/TTSupermolotNeue-ExpRegular.woff2') format('woff2');
    font-weight: regular;
    font-style: normal;
}
body {
    font-family: 'Roboto', sans-serif;
    background-color: #0C0C0E;
    color: #FFFFFF;
    background-image: url('./images/background.png'); /* ADDED */
    background-size: cover; /* ADDED */
    background-position: center; /* ADDED */
    background-repeat: no-repeat; /* ADDED */
}
.font-orbitron {
    font-family: 'Orbitron', sans-serif;
}
.font-tt-supermolot {
    font-family: 'TT Supermolot Neue Ext Regular', sans-serif;
}
.text-primary {
    color: #E75627;
}
.bg-primary {
    background-color: #E75627;
}
.border-primary {
    border-color: #E75627;
}
.tracking-line {
    height: 2px;
    background: linear-gradient(to right, #E75627 var(--progress-width, 0%), #4A4A4A var(--progress-width, 0%));
}
.step-active .step-number,
.step-active .step-label {
    color: #E75627;
}
.step-inactive .step-number,
.step-inactive .step-label {
    color: #6B7280;
}
.step-pending .step-number,
.step-pending .step-label {
    color: #9CA3AF;
}

/* --- UPDATED DISCORD BUTTON STYLES --- */
.discord-button {
    background-color: #E75627;
    color: #FFFFFF;
    /* Enables smooth animation for transform, shadow, and color */
    transition: all 0.3s ease-out;
}
.discord-button:hover {
    background-color: #D3491F;
    /* Adds the upward movement */
    transform: translateY(-3px);
    /* Adds the blurred neon glow effect */
    box-shadow: 0 0 8px rgba(231, 86, 39, 0.7), 0 0 20px rgba(231, 86, 39, 0.5);
}