body {
    font-family: 'Inter', sans-serif;
}

.glass-card {
    background: rgba(15, 20, 25, 0.7);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.glow-red {
    text-shadow: 0 0 30px rgba(239, 68, 68, 0.8), 0 0 60px rgba(239, 68, 68, 0.5);
}

.glow-green {
    text-shadow: 0 0 30px rgba(74, 222, 128, 0.8), 0 0 60px rgba(74, 222, 128, 0.5);
}

.bg-stars {
    background-image:
        radial-gradient(1px 1px at 20% 30%, #fff, rgba(0, 0, 0, 0)),
        radial-gradient(1px 1px at 80% 40%, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0)),
        radial-gradient(2px 2px at 40% 70%, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0)),
        radial-gradient(1px 1px at 70% 80%, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0)),
        radial-gradient(2px 2px at 15% 85%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0));
    background-size: 100% 100%;
}

/* Network Node Pattern */
.node-network {
    position: relative;
}

.node-network::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='800' height='400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M100 250 L250 150 L500 300 L650 120 M150 350 L300 250 L450 380 L700 200 M80 100 L300 50 L550 100 L750 250' stroke='rgba(255,255,255,0.06)' stroke-width='1' fill='none'/%3E%3Ccircle cx='100' cy='250' r='3' fill='rgba(139,92,246,0.3)'/%3E%3Ccircle cx='250' cy='150' r='2' fill='rgba(255,255,255,0.2)'/%3E%3Ccircle cx='500' cy='300' r='4' fill='rgba(139,92,246,0.3)'/%3E%3Ccircle cx='650' cy='120' r='3' fill='rgba(255,255,255,0.2)'/%3E%3Ccircle cx='150' cy='350' r='2' fill='rgba(255,255,255,0.2)'/%3E%3Ccircle cx='300' cy='250' r='3' fill='rgba(255,255,255,0.2)'/%3E%3Ccircle cx='450' cy='380' r='2' fill='rgba(255,255,255,0.2)'/%3E%3Ccircle cx='700' cy='200' r='3' fill='rgba(139,92,246,0.4)'/%3E%3Ccircle cx='80' cy='100' r='2' fill='rgba(255,255,255,0.2)'/%3E%3Ccircle cx='300' cy='50' r='3' fill='rgba(139,92,246,0.3)'/%3E%3Ccircle cx='550' cy='100' r='2' fill='rgba(255,255,255,0.2)'/%3E%3Ccircle cx='750' cy='250' r='3' fill='rgba(255,255,255,0.2)'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center bottom;
    opacity: 0.8;
    z-index: 0;
    pointer-events: none;
}