/* ============================================
   АРМ ИССЛЕДОВАТЕЛЯ — ПОЛНЫЕ СТИЛИ ЛОГИНА
   Включает общие стили + стили авторизации
   Cyberpunk + Пантон палитра
   ============================================ */

/* Подключение шрифтов Google Fonts:
   Orbitron — футуристичный заголовочный шрифт
   Share Tech Mono — моноширинный для терминального вида */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&display=swap');

/* ===========================================
   CSS-ПЕРЕМЕННЫЕ (ЦВЕТОВАЯ ПАЛИТРА)
   =========================================== */
:root {
    /* Основной зелёный цвет по Пантону */
    --primary: #2D5A4A;
    /* Светлый вариант основного для hover-эффектов */
    --primary-light: #3D7A6A;
    /* Яркое свечение основного цвета */
    --primary-glow: #00FFaa;
    /* Белый цвет для текста на тёмном фоне */
    --white: #FFFFFF;
    /* Серый по Пантону для вторичных элементов */
    --gray: #808080;
    /* Красный по Пантону для ошибок и предупреждений */
    --danger: #C41E3A;
    /* Яркий красный для неонового свечения */
    --danger-glow: #FF2255;
    /* Почти чёрный фон страницы */
    --bg-dark: #0a0f0d;
    /* Полупрозрачный фон карточек */
    --bg-card: rgba(10, 20, 18, 0.92);
    /* Основной цвет текста — светло-зелёный */
    --text-main: #c8e6d8;
    /* Приглушённый текст для второстепенной информации */
    --text-dim: #5a7a6a;
    /* Неоновый зелёный — главный акцентный цвет Cyberpunk */
    --neon-green: #00FF88;
    /* Неоновый голубой — вторичный акцент */
    --neon-cyan: #00FFCC;
    /* Неоновый красный — для ошибок в стиле Cyberpunk */
    --neon-red: #FF003C;
    /* Цвет рамок и разделителей */
    --border: rgba(0, 255, 136, 0.15);
    /* Цвет линий фоновой сетки */
    --grid-color: rgba(0, 255, 136, 0.02);
}

/* ===========================================
   СБРОС СТИЛЕЙ БРАУЗЕРА
   =========================================== */

/* Убираем отступы у всех элементов */
* {
    /* Обнуляем внешние отступы */
    margin: 0;
    /* Обнуляем внутренние отступы */
    padding: 0;
    /* Padding и border включаются в ширину элемента */
    box-sizing: border-box;
}

/* ===========================================
   ОСНОВНЫЕ СТИЛИ BODY
   =========================================== */

/* Базовые стили тела страницы */
body {
    /* Моноширинный шрифт для терминального стиля */
    font-family: 'Share Tech Mono', monospace;
    /* Размер шрифта 14px — читаемый по ГОСТ */
    font-size: 16px;
    /* Межстрочный интервал полуторный */
    line-height: 1.5;
    /* Основной цвет текста — светло-зелёный */
    color: var(--text-main);
    /* Тёмный фон страницы */
    background-color: var(--bg-dark);
    /* Минимальная высота — весь экран */
    min-height: 100vh;
    /* Относительное позиционирование для псевдоэлементов */
    position: relative;
    /* Flexbox для центрирования карточки */
    display: flex;
    /* Центрирование по горизонтали */
    justify-content: center;
    /* Центрирование по вертикали */
    align-items: center;
    /* Скрываем выход за пределы экрана */
    overflow: hidden;
}