/* ==========================================================================
   AI Conversation Analyzer — Background Effects
   ========================================================================== */

/* ===========================
   Background Effects
   =========================== */

.bg-effects {
    position: fixed;
    inset: 0;
    z-index: -10;
    overflow: hidden;
    pointer-events: none;
}

.bg-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse at center, white 30%, transparent 80%);
}

.bg-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.15;
}

.bg-glow-1 {
    width: 600px;
    height: 600px;
    background: var(--primary);
    top: -200px;
    right: -150px;
}

.bg-glow-2 {
    width: 500px;
    height: 500px;
    background: var(--purple);
    bottom: -200px;
    left: -150px;
}