body {
    background-color: #FFFDF5;
    background-image: radial-gradient(#121212 1px, transparent 1px);
    background-size: 24px 24px;
    color: #121212;
}

/* Neo-Brutalist Interaction Classes */
.neo-box {
    border: 3px solid #121212;
    transition: all 0.2s ease-in-out;
}

.neo-button {
    border: 3px solid #121212;
    box-shadow: 5px 5px 0px 0px #121212;
    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

.neo-button:hover {
    transform: translate(-2px, -2px);
    box-shadow: 7px 7px 0px 0px #121212;
}

.neo-button:active {
    transform: translate(5px, 5px);
    box-shadow: 0px 0px 0px 0px #121212;
}

/* Marquee Animation */
.marquee-container {
    overflow: hidden;
    white-space: nowrap;
}
.marquee-content {
    display: inline-block;
    animation: scroll 20s linear infinite;
}
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Scrollbar */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: #121212; }
::-webkit-scrollbar-thumb { background: #FFDE00; border: 3px solid #121212; }
::-webkit-scrollbar-thumb:hover { background: #A855F7; }

/* Custom Selection */
::selection {
    background: #121212;
    color: #FFDE00;
}