:root {
    --cyber-dark: #0A1A0A;
    --cyber-cyan: #00F2FF;
    --cyber-green: #39FF14;
    --cyber-white: #E0F2F1;
}

body {
    background-color: var(--cyber-dark);
    color: var(--cyber-white);
    font-family: 'Rajdhani', sans-serif;
}

h1, h2, h3 {
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

h1 {
    color: var(--cyber-white);
    text-shadow: 0 0 10px var(--cyber-green), 0 0 20px var(--cyber-green);
}

h2 {
    color: var(--cyber-cyan);
    text-shadow: 0 0 5px var(--cyber-cyan);
    border-bottom: 2px solid var(--cyber-cyan);
    display: inline-block;
    padding-bottom: 5px;
}

.wp-block-button__link {
    background-color: transparent !important;
    border: 2px solid var(--cyber-green) !important;
    color: var(--cyber-green) !important;
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.2);
}

.wp-block-button__link:hover {
    background-color: var(--cyber-green) !important;
    color: var(--cyber-dark) !important;
    box-shadow: 0 0 20px var(--cyber-green);
}

.cyber-card {
    border: 1px solid var(--cyber-cyan);
    padding: 20px;
    background: rgba(0, 242, 255, 0.05);
    backdrop-filter: blur(5px);
    transition: transform 0.3s ease;
}

.cyber-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 15px var(--cyber-cyan);
}

@keyframes cyber-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}

.cyber-pulse {
    animation: cyber-pulse 2s infinite;
}