/* === FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Exo+2:wght@300;400;600&display=swap');

/* === NOISE TEXTURE === */
.noise-bg {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3BaseFilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/feFilter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    opacity: 0.05;
}

/* === CUSTOM ANIMATIONS === */
@keyframes flicker {
    0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% { opacity: 1; }
    20%, 21.999%, 63%, 63.999%, 65%, 69.999% { opacity: 0.4; }
}

.flicker {
    animation: flicker 3s infinite;
}

/* === TECHNO BORDERS === */
.tech-border {
    position: relative;
    clip-path: polygon(
        0 10px, 10px 0, 
        calc(100% - 10px) 0, 100% 10px, 
        100% calc(100% - 10px), calc(100% - 10px) 100%, 
        10px 100%, 0 calc(100% - 10px)
    );
}

.tech-card {
    background: rgba(26, 26, 26, 0.8);
    border: 1px solid rgba(255, 46, 46, 0.3);
    transition: all 0.3s ease;
}

.tech-card:hover {
    border-color: #00f3ff;
    box-shadow: 0 0 15px rgba(0, 243, 255, 0.2);
    transform: translateY(-2px);
}

/* module: quiz */
.quiz-option {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.quiz-option:hover {
    border-color: #00f3ff;
    color: #00f3ff;
}

/* Green & Red highlight utilities */
.text-neon-green {
    color: #34d399;
    text-shadow: 0 0 10px rgba(52, 211, 153, 0.7), 0 0 20px rgba(52, 211, 153, 0.4);
}
.shadow-neon-green {
    box-shadow: 0 0 10px #10b981, 0 0 20px #10b981;
}
.text-neon-red {
    color: #ff3838;
    text-shadow: 0 0 10px rgba(255, 46, 46, 0.7), 0 0 20px rgba(255, 46, 46, 0.4);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
    background: #ff2e2e;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #00f3ff;
}