/* Общие стили */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    font-family: 'MedievalSharp', cursive;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}
a {
    text-decoration: none;
}

/* Фон на весь экран */
.page-wrapper {
    min-height: 100vh;
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), 
                url('img/bg-main-page.jpg') no-repeat center center fixed;
    background-size: cover;
    
    /* Сетка страницы */
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-items: center;
    text-align: center;
    padding: 40px 20px;
}

/* Контейнер теперь прижимает контент к низу */
.content {
    display: flex;
    align-items: flex-end; /* Опускает сетку кнопок вниз */
    padding-bottom: 8vh;   /* Небольшой отступ от футера */
   /* padding-bottom: 5vh;    Небольшой отступ от футера */
    height: 100%;
}

.button-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    max-width: 768px;
    margin: 0 auto;
    
    /* Сдвигаем всю сетку еще ниже, если нужно */
    transform: translateY(20px); 
}

/* Эффект свечения для "готического" логотипа */
.logo-text {
    /*font-family: 'MedievalSharp', cursive;  Из варианта 1 */
    font-size: 3rem;
    color: #f3f2f0; /* Золотистый цвет часто лучше смотрится в этом стиле */
    /*color: #f1c40f;  Золотистый цвет часто лучше смотрится в этом стиле */
    text-shadow: 3 3 15px rgba(241, 196, 15, 0.5), 2px 2px 5px #631e68;
}
span {
    color: #b7a142;
    text-shadow: 2px 2px 10px rgba(241, 196, 15, 0.7);
}


.btn {
    background: rgba(255, 255, 255, 0.1);
    color: #c8bf19;
    text-shadow: 1px 2px 5px rgba(229, 15, 244, 0.7);
    /* color: white; */
    padding: 20px;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.3);
    backdrop-filter: blur(5px);
    transition: all 0.3s ease;
    /* font-weight: bold; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-3px);
    border-color: #fff;
}

/* Расположение кнопок первой строки (занимают по 2 колонки из 6) */
.button-grid .btn:nth-child(1),
.button-grid .btn:nth-child(2),
.button-grid .btn:nth-child(3) {
    grid-column: span 2;
}

/* Расположение кнопок второй строки (смещаем, чтобы центрировать 2 кнопки) */
.button-grid .btn:nth-child(4) {
    grid-column: 2 / span 2; /* Начинается со 2-й колонки */
}

.button-grid .btn:nth-child(5) {
    grid-column: 4 / span 2;
}

/* Подвал */
.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.nz-logo {
    max-width: 90px;
    height: auto;
}

.copyright {
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .button-grid {
        grid-template-columns: 1fr;
    }
    .button-grid .btn {
        grid-column: span 1 !important;
    }
    .logo-text {
        font-size: 2rem;
    }
}