body {
    background:
        radial-gradient(circle at 18% 18%, rgba(66, 133, 244, 0.36), transparent 34vmax),
        radial-gradient(circle at 82% 18%, rgba(251, 188, 4, 0.36), transparent 32vmax),
        radial-gradient(circle at 22% 82%, rgba(52, 168, 83, 0.3), transparent 34vmax),
        radial-gradient(circle at 82% 78%, rgba(234, 67, 53, 0.28), transparent 32vmax),
        radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.18), transparent 42vmax),
        linear-gradient(115deg, rgba(66, 133, 244, 0.14), rgba(52, 168, 83, 0.1) 34%, rgba(251, 188, 4, 0.12) 66%, rgba(234, 67, 53, 0.12)),
        linear-gradient(135deg, #f3edf7, #e8def8);
    background-attachment: fixed;
}

body.dark,
html[data-theme-mode="dark"] body {
    background:
        radial-gradient(circle at 18% 18%, rgba(66, 133, 244, 0.24), transparent 34vmax),
        radial-gradient(circle at 82% 18%, rgba(251, 188, 4, 0.18), transparent 32vmax),
        radial-gradient(circle at 22% 82%, rgba(52, 168, 83, 0.18), transparent 34vmax),
        radial-gradient(circle at 82% 78%, rgba(234, 67, 53, 0.18), transparent 32vmax),
        radial-gradient(ellipse at 50% 50%, rgba(66, 133, 244, 0.08), transparent 42vmax),
        linear-gradient(115deg, rgba(66, 133, 244, 0.12), rgba(52, 168, 83, 0.08) 34%, rgba(251, 188, 4, 0.08) 66%, rgba(234, 67, 53, 0.08)),
        linear-gradient(135deg, #0f0d13, #1d1b20);
    background-attachment: fixed;
}
