/* ==========================================================================
   Tech Theme: Cyberpunk
   ========================================================================== */

/* Cyberpunk specific */
.cyberpunk .demo-card {
    border: 2px solid var(--primary);
    box-shadow: 0 0 20px var(--primary), inset 0 0 20px rgba(0, 255, 255, 0.05);
    border-radius: 4px !important;
}

.cyberpunk .demo-btn-primary {
    border: 2px solid var(--primary);
    box-shadow: 0 0 15px var(--primary), 0 0 30px rgba(0, 255, 255, 0.3);
    border-radius: 4px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.cyberpunk .demo-btn-primary:hover {
    transform: none;
    box-shadow: 0 0 25px var(--primary), 0 0 50px rgba(0, 255, 255, 0.5);
}

.cyberpunk .demo-btn-secondary {
    border: 2px solid var(--secondary);
    box-shadow: 0 0 15px var(--secondary);
    border-radius: 4px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.cyberpunk .demo-btn-outline {
    border: 2px solid var(--primary);
    border-radius: 4px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.cyberpunk .demo-btn-outline:hover {
    box-shadow: 0 0 15px var(--primary);
    background-color: transparent;
    color: var(--primary);
}

.cyberpunk .demo-input {
    border: 2px solid var(--primary);
    border-radius: 4px !important;
    background-color: rgba(0, 0, 0, 0.5);
}

.cyberpunk .demo-input:focus {
    box-shadow: 0 0 15px var(--primary);
}

.cyberpunk .demo-badge {
    border: 1px solid var(--primary);
    border-radius: 4px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

.cyberpunk .demo-nav {
    border: 2px solid var(--primary);
    box-shadow: 0 0 15px var(--primary);
    border-radius: 4px !important;
}

.cyberpunk .demo-heading {
    text-shadow: 0 0 10px var(--primary);
}