/* Фон всех страниц: диагональный градиент и сетка точек поверх него.

   Градиент из макета: #171717 → #121212 на 45% → #000000 по диагонали.

   Точки Фигма отдаёт не картинкой, а набором параметров, поэтому сетка снята с
   присланного снимка: шаг замерен по пунктиру рамки (штрих 4 через 4 - это 54
   точки экрана, то есть увеличение 6.75), и в этом масштабе клетка вышла 69,
   пятно 6x13, а яркость 31 при фоне 17. В пересчёте - клетка 10, кружок
   полтора, белый примерно на шесть сотых.

   Обе величины в переменных: и размер клетки, и силу можно подкрутить одной
   цифрой, не трогая разметку. */
:root {
    --pattern-cell: 10px;
    --pattern-dot: .75px;   /* радиус кружка */
    --pattern-ink: .06;
}

body {
    background-color: #000000;
    background-image:
        radial-gradient(circle at center,
                        rgba(255, 255, 255, var(--pattern-ink)) 0 var(--pattern-dot),
                        transparent calc(var(--pattern-dot) + .01px)),
        linear-gradient(135deg, #171717 0%, #121212 45%, #000000 100%);
    background-size: var(--pattern-cell) var(--pattern-cell), cover;
    background-repeat: repeat, no-repeat;
    /* Прибит к окну: иначе градиент тянулся бы по всей длине страницы, а
       ромбы ехали бы вместе с содержимым. */
    background-attachment: fixed, fixed;
    background-position: center, center;
}