body {
    font-family: 'Inter', sans-serif;
    background-color: #050505;
}

.mono {
    font-family: 'Fira Code', monospace;
}

.glow-text {
    text-shadow: 0 0 20px rgba(99, 102, 241, 0.5);
}

canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.hero-content {
    position: relative;
    z-index: 10;
    pointer-events: none;
}

.interactive {
    pointer-events: auto;
}

.agent-status-box {
    background: rgba(10, 10, 10, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

@keyframes scan {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(300px);
    }
}

.animate-scan {
    animation: scan 3s linear infinite;
}

.filter-btn.active {
    background: rgba(99, 102, 241, 0.1);
    border-color: rgba(99, 102, 241, 1);
    color: #818cf8;
}