diff --git a/static/css/custom.css b/static/css/custom.css
index 132878f..e73c167 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1,8 +1,30 @@
 body {
-    background-image: url('/static/images/bg-math.svg');
-    background-repeat: repeat;
-    background-size: 800px 600px;
-    background-color: #fafbfc;
+    background: #f5f7fa;
+    position: relative;
+    overflow-x: hidden;
+}
+
+body::before {
+    content: '';
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.f%7Bfont-family:serif;font-size:18px;fill:%23003366;opacity:0.1%7D%3C/style%3E%3C/defs%3E%3Ctext x='20' y='40' class='f'%3E∫%3C/text%3E%3Ctext x='200' y='100' class='f'%3E∑%3C/text%3E%3Ctext x='80' y='180' class='f'%3E∂%3C/text%3E%3Ctext x='300' y='250' class='f'%3E∇%3C/text%3E%3Ctext x='150' y='320' class='f'%3E∞%3C/text%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0; 10,10; 0,0' dur='20s' repeatCount='indefinite'/%3E%3C/svg%3E");
+    background-size: 400px 400px;
+    animation: bgScroll 60s linear infinite;
+}
+
+@keyframes bgScroll {
+    from { background-position: 0 0; }
+    to { background-position: 400px 400px; }
+}
+
+header, main, footer {
+    position: relative;
+    z-index: 1;
 }
 
 /* Ограничение максимального размера всех изображений */