body {
    background-color: #131318;
    color: #e4e1e9;
    overflow: hidden;
    height: 100vh;
    width: 100vw;
    position: relative;
}

.cyber-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    background-color: #131318;
}

.neon-line {
    position: absolute;
    width: 1px;
    height: 200%;
    background: linear-gradient(to bottom, transparent, #ff1b2d, transparent);
    box-shadow: 0 0 10px #ff1b2d, 0 0 20px rgba(255, 27, 45, 0.4);
    transform: rotate(35deg);
    opacity: 0.25;
    pointer-events: none;
}

.neon-line-1 { left: 10%; top: -50%; }
.neon-line-2 { left: 30%; top: -30%; }
.neon-line-3 { left: 70%; top: -80%; }
.neon-line-4 { left: 85%; top: -40%; }

.radial-glow {
    position: absolute;
    width: 60vw;
    height: 60vw;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 27, 45, 0.08) 0%, transparent 70%);
    pointer-events: none;
    z-index: -1;
}

.glow-left { top: 10%; left: -10%; }
.glow-right { bottom: -10%; right: -10%; }

.cta-gradient {
    background: linear-gradient(135deg, #ff1b2d 0%, #7701d0 100%);
}

.accent-glow-hover:hover {
    box-shadow: 0 0 25px rgba(255, 27, 45, 0.6);
    transform: translateY(-2px);
}

.card-border-glow {
    border: 1px solid #2D3142;
    transition: all 0.3s ease;
}

.card-border-glow:hover {
    border-top: 1px solid #ff1b2d;
    background-color: #1C1E2A;
    box-shadow: 0 5px 15px -5px rgba(255, 27, 45, 0.2);
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}