body {
    background-color: #030303;
    color: #ffffff;
    overflow-x: hidden;
    position: relative;
}

.bg-mesh {
    position: fixed;
    inset: 0;
    z-index: -3;
    background-color: #030303;
    background-image: 
        radial-gradient(circle at 15% 50%, rgba(220, 38, 38, 0.12), transparent 40%),
        radial-gradient(circle at 85% 30%, rgba(220, 38, 38, 0.05), transparent 40%);
    filter: blur(80px);
    animation: breathe 10s ease-in-out infinite alternate;
}

@keyframes breathe {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(1.1); opacity: 1; }
}

/* --- money thing i skidded from my other site --- */
.money-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    overflow: hidden;
    pointer-events: none;
}

.bill {
    position: absolute;
    background-color: rgba(153, 27, 27, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 4px;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.8), 0 0 10px rgba(239, 68, 68, 0.1);
    animation: fall linear infinite;
    backdrop-filter: blur(2px);
}

.bill1 { width: 100px; height: 50px; top: -60px; left: 10%; animation-duration: 15s; }
.bill2 { width: 120px; height: 60px; top: -70px; left: 30%; animation-duration: 20s; animation-delay: 2s; }
.bill3 { width: 80px; height: 40px; top: -50px; left: 50%; animation-duration: 18s; animation-delay: 5s; }
.bill4 { width: 110px; height: 55px; top: -65px; left: 70%; animation-duration: 22s; animation-delay: 8s; }
.bill5 { width: 90px; height: 45px; top: -55px; left: 85%; animation-duration: 17s; animation-delay: 10s; }
.bill6 { width: 105px; height: 52px; top: -62px; left: 15%; animation-duration: 19s; animation-delay: 13s; }
.bill7 { width: 115px; height: 58px; top: -68px; left: 35%; animation-duration: 23s; animation-delay: 16s; }
.bill8 { width: 85px; height: 42px; top: -52px; left: 55%; animation-duration: 21s; animation-delay: 19s; }
.bill9 { width: 118px; height: 59px; top: -69px; left: 75%; animation-duration: 16s; animation-delay: 22s; }
.bill10 { width: 95px; height: 48px; top: -58px; left: 90%; animation-duration: 24s; animation-delay: 25s; }
.bill11 { width: 100px; height: 50px; top: -60px; left: 5%; animation-duration: 14s; animation-delay: 3s; }
.bill12 { width: 110px; height: 55px; top: -65px; left: 95%; animation-duration: 21s; animation-delay: 7s; }

@keyframes fall {
    0% { transform: translateY(-10vh) rotate(0deg) translateX(0px); opacity: 0; }
    10% { opacity: 0.6; }
    90% { opacity: 0.6; }
    100% { transform: translateY(110vh) rotate(360deg) translateX(50px); opacity: 0; }
}

.glass-nav {
    background: rgba(3, 3, 3, 0.4);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.glass-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card:hover {
    border-color: rgba(220, 38, 38, 0.3);
    background: linear-gradient(180deg, rgba(220,38,38,0.05) 0%, rgba(255,255,255,0.01) 100%);
    transform: translateY(-4px);
}

.text-glow-red {
    background: linear-gradient(135deg, #ff4d4d 0%, #b30000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 30px rgba(220, 38, 38, 0.3);
}

.btn-modern {
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.3);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}
.btn-modern:hover {
    background: rgba(220, 38, 38, 0.2);
    border-color: rgba(220, 38, 38, 0.6);
    box-shadow: 0 0 20px rgba(220, 38, 38, 0.2);
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #030303; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #555; }