@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;600;800&display=swap');

.mono-font {
    font-family: 'Share Tech Mono', monospace;
}

.cyber-panel {
    background: rgba(2, 8, 23, 0.75);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.1), inset 0 0 15px rgba(0, 240, 255, 0.05);
}

.cyber-button {
    background: rgba(15, 23, 42, 0.8);
    border: 1px solid rgba(0, 240, 255, 0.3);
    transition: all 0.3s ease;
}

.cyber-button:hover {
    background: rgba(0, 240, 255, 0.15);
    border-color: rgba(0, 240, 255, 0.8);
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
}

.cyber-button.active {
    background: rgba(0, 240, 255, 0.25);
    border-color: #00f0ff;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.6);
}