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

.obsidian-gradient {
    background: linear-gradient(135deg, #00FF85 0%, #FFB800 100%);
}

.industrial-border {
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

.industrial-border::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 4px;
    background: #00FF85;
}

.tech-glow {
    box-shadow: 0 0 20px rgba(0, 255, 133, 0.1);
}

.scanline {
    width: 100%;
    height: 100px;
    z-index: 10;
    background: linear-gradient(0deg, rgba(0, 255, 133, 0) 0%, rgba(0, 255, 133, 0.05) 50%, rgba(0, 255, 133, 0) 100%);
    opacity: 0.1;
    position: absolute;
    bottom: 100%;
    animation: scan 8s linear infinite;
}

@keyframes scan {
    0% {
        bottom: 100%;
    }

    100% {
        bottom: -100px;
    }
}