/*
 * iMathOs — Elegant geometric background pattern
 * Subtle math-themed grid: dots + thin lines on dark background
 * Include via: <link rel="stylesheet" href="/assets/bg-pattern.css">
 */

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    pointer-events: none;
    opacity: 0.035;
    background-image:
        /* Grid dots */
        radial-gradient(circle, #ffffff 1px, transparent 1px),
        /* Diagonal lines */
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 80px,
            rgba(255, 255, 255, 0.3) 80px,
            rgba(255, 255, 255, 0.3) 81px
        ),
        repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 80px,
            rgba(255, 255, 255, 0.15) 80px,
            rgba(255, 255, 255, 0.15) 81px
        );
    background-size:
        24px 24px,
        113px 113px,
        113px 113px;
}

/* Soft radial vignette */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(
        ellipse at 50% 0%,
        rgba(99, 102, 241, 0.08) 0%,
        transparent 60%
    );
}