/* файл: main/static/main/css/main.css */

/* === ТВОИ БАЗОВЫЕ СТИЛИ (без изменений) === */
body {
    font-family: sans-serif;
    padding: 20px;
    background-color: #f9f9f9;
}
h1 { color: #333; }

.verify-form { display: flex; flex-direction: column; max-width: 300px; }
.verify-form input { margin-bottom: 10px; padding: 8px; }
.verify-form button { background: #27ae60; color: #fff; padding: 10px; border: none; cursor: pointer; }
.verify-form button:hover { background: #2ecc71; }

.success { color: green; }
.error { color: red; }

.messages { width: 100%; max-width: 1100px; margin: 10px auto; }
.message { padding: 10px; border-radius: 5px; margin-bottom: 5px; text-align: center; }
.message.success { background-color: #2ecc71; color: white; }
.message.error { background-color: #e74c3c; color: white; }

/* === ОБОИ: SVG-фон ===
   Используем АБСОЛЮТНЫЙ путь к файлу, чтобы https-редирект/разные base-url не ломали ссылку.
*/
#math-wallpaper {
    position: fixed;
    inset: 0;
    z-index: 0;               /* было -1 → из-за фона body не было видно */
    pointer-events: none;
    opacity: 0.12;
    filter: contrast(1) blur(0px);

    background-image: url("/static/main/img/math-wallpaper.svg");
    background-repeat: repeat;
    background-size: 400px 400px;
    background-position: 0 0;
}

/* Читаемость карточек/алертов поверх фона */
.container .card,
.container .alert,
.container .modal-content {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(2px);
}