@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

body {
    font-family: 'Orbitron', sans-serif;
    background-size: cover;
    background-color: #202020; /* Черный фон для краев */
    color: #897f7f;
    text-align: left; /* Выравнивание текста по левому краю */
    padding: 10px;
    margin: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Выравнивание контента в верхней части */
    overflow-y: auto; /* Разрешить прокрутку по вертикали */
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #181818; /* Немного темнее фон */
    color: white;
    text-align: center;
    padding: 5px 0; /* Уменьшен отступ сверху */
    z-index: 10; /* Закрепляем хедер поверх остальных элементов */
    width: 100%;
}

h1 {
    font-size: 2em;
    margin-bottom: 5px; /* Меньше отступа */
    text-shadow: 1px 1px 2px #029627;
    color: #ffffff;
}

h3 {
    font-size: 1.2em;
    margin-bottom: 50px; /* Меньше отступа */
    text-shadow: 4px 4px 10px #5bd4d8;
    color: #ffffff;
}

#privacyText {
    white-space: pre-wrap; /* Сохранение переносов в тексте */
    word-wrap: break-word; /* Перенос слов на новую строку, если они не помещаются */
    max-width: 800px; /* Ограничение ширины текста */
    margin: 0 auto; /* Центрирование по горизонтали */
    color: #fff; /* Белый цвет текста */
    line-height: 1.6; /* Увеличение межстрочного интервала для лучшей читаемости */
    font-size: 1.2em; /* Увеличение шрифта для удобства чтения */
    margin-top: 80px;
}

.button-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

button {
    background: linear-gradient(90deg, #27b2d9, #89d5d6); /* Мягкая маджента градиент */
    color: #ffffff;
    border: 4px solid #63aab6;
    padding: 15px 30px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 8px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    box-shadow: 
        0 0 10px #63b1b6, 
        0 0 20px #27d9bb;
}

button:hover {
    background: linear-gradient(90deg, #89c9d6, #27d9c7);
    transform: scale(1.1);
    box-shadow: 
        0 0 15px #63a5b6, 
        0 0 25px #27b8d9;
}

button:active {
    transform: scale(1.05);
    box-shadow: 
        0 0 10px #63b3b6, 
        0 0 15px #2796b8;
}

footer {
    font-size: 1em;
    color: #FFFFFFCC;
    text-shadow: 1px 1px 5px #000000CC;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #181818; /* Темный фон для футера */
    padding: 0px 0;
    text-align: center;
}

.privacy-policy {
    color: #99e6ff; /* Светло-голубой */
}

.privacy-policy a {
    color: #00ffff; /* Бирюзовый */
    font-weight: bold;
    text-decoration: none;
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
}

.privacy-policy a:hover {
    transform: scale(1.1);
    color: #ffffff;
}