/* Общие стили */
body {
    margin: 0;
    min-height: 100vh;
    min-width: 100vw;
    width: 100vw;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(145deg,#7c0387,#0d012e);
    box-shadow: 10px 10px 30px #503156d4,-10px -10px 30px #282847a6;
    
    box-sizing: border-box;
    overflow-x: hidden;
}

/* Обёртка */
.wrapper {
    padding: 20px;
}

/* Неоморфный блок с градиентом */
.bg1 {
background-color: #6d107700;
border-radius: 20px;

padding: 40px;
}

/* Хедер */
header#main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
    
}

/* Логотип 
.logo img {
    border-radius: 12px;
    box-shadow: 0 0 15px #a64eff;
}
*/
/* Главное меню */
.limeus-navigation {
    margin-top: 10px;
}

.limeus-main-menu {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.limeus-main-menu li {
    position: relative;
}

.limeus-main-menu a {
    text-decoration: none;
    color: #f3e8ff;
    padding: 10px 20px;
    border-radius: 15px;
    background: linear-gradient(145deg, #3a2a4d00, #271f3800);
    box-shadow: 0 0 15px rgba(167, 78, 255, 0);
    transition: all 0.3s ease;
    font-weight: bold;
}

.limeus-main-menu a:hover {
    background: #db9bfecb;
    color: #000000;
    box-shadow: 0 0 20px #d6c2ff;
    font-weight: bold;
}

/* Подменю: скрыто по умолчанию, появляется при наведении */
.limeus-help-menu {
    display: none; /* Скрыть подменю */
    position: absolute; /* Абсолютное позиционирование относительно li */
    top: 130%; /* Сдвинуть подменю ещё ниже родителя */
    left: -60px; /* Сдвинуть подменю немного левее */
    min-width: 220px; /* Минимальная ширина подменю */
    background: rgba(39, 31, 56, 0.95); /* Прозрачный фон подменю */
    border-radius: 20px; /* Скругление углов */
    padding: 10px 0; /* Внутренние отступы */
    box-shadow: 0 0 15px #a64eff; /* Тень подменю */
    z-index: 100; /* Поверх других элементов */
    backdrop-filter: blur(6px); /* Эффект размытия фона */
}

/* Родительский элемент для подменю */
.limeus-main-menu li {
    position: relative; /* Для абсолютного позиционирования подменю */
}

/* Показать подменю при наведении на пункт меню */
.limeus-main-menu li:hover > .limeus-help-menu {
    display: block;
}

/* Убрать маркеры у подменю */
.limeus-help-menu {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

/* Стили пунктов подменю */
.limeus-help-menu li {
    padding: 0;
    margin: 0 0 8px 0; /* Добавлено расстояние между пунктами подменю */
}

/* Убрать отступ у последнего пункта подменю */
.limeus-help-menu li:last-child {
    margin-bottom: 0;
}

/* Стили ссылок в подменю */
.limeus-help-menu a {
    display: block;
    padding: 12px 30px;
    color: #d68fff;
    text-decoration: none;
    border-radius: 12px;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
}

/* Стили ссылок в подменю при наведении */
.limeus-help-menu a:hover {
    color: #ffffff;
    background: rgba(166, 78, 255, 0.15);
    text-decoration: none;
}

/* Кнопки "Скачать" и "Домой" */
.download a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    padding: 16px 40px; /* Увеличенные отступы */
    border-radius: 28px; /* Более округлая форма */
    background: linear-gradient(to right, #41ff57, #13e7e0);
    /* Градиентная тень с помощью нескольких слоёв */
    box-shadow:
        0 0 28px 0 #00d30e0d,
        0 0 28px 12px #00cfba0a,
        0 0 16px 0 #0131de0f inset;
    /* Убрана квадратная обводка */
    border: none;
    transition: all 0.3s ease;
    font-size: 1em; /* Крупнее текст */
    letter-spacing: 0.05em;
}

.home a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    padding: 16px 40px; /* Увеличенные отступы */
    border-radius: 28px; /* Более округлая форма */
    background: linear-gradient(to right, #e253ff, #00fbff);
    /* Градиентная тень с помощью нескольких слоёв */
    box-shadow:
        0 0 28px 0 #1fd3e00f,
        0 0 28px 12px #e5ceff00,
        0 0 16px 0 #6325ab04 inset;
    /* Убрана квадратная обводка */
    border: none;
    transition: all 0.3s ease;
    font-size: 1.3em; /* Крупнее текст */
    letter-spacing: 0.05em;
    font-weight: bold;
  }

/* Только для кнопки "Домой" — сделать шире */
.home a {
    min-width: 150px; /* Минимальная ширина */
    display: inline-block;
    text-align: center;
}

.download a:hover {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    padding: 16px 40px; /* Увеличенные отступы */
    border-radius: 28px; /* Более округлая форма */
    background: linear-gradient(to left, #61f773, #5dfffa);
    /* Градиентная тень с помощью нескольких слоёв */
    box-shadow:
        0 0 28px 0 #39ff475c,
        0 0 28px 12px #5dffef23,
        0 0 16px 0 #74eff142 inset;
    /* Убрана квадратная обводка */
    border: none;
    transition: all 0.3s ease;
    font-size: 1em; /* Крупнее текст */
    letter-spacing: 0.05em;
    font-weight: bold;
}
.home a:hover {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    padding: 16px 40px; /* Увеличенные отступы */
    border-radius: 28px; /* Более округлая форма */
    background: linear-gradient(to right, #a6f3f5, #dd68f5);
    /* Градиентная тень с помощью нескольких слоёв */
    box-shadow:
        0 0 28px 0 #1fd3e00f,
        0 0 28px 12px #d4afff3a,
        0 0 16px 0 #6325ab04 inset;
    /* Убрана квадратная обводка */
    border: none;
    transition: all 0.3s ease;
    font-size: 1.3em; /* Крупнее текст */
    letter-spacing: 0.05em;
    font-weight: bold;
  }

/* Адаптивность */
@media screen and (max-width: 768px) {
    .limeus-main-menu {
        flex-direction: column;
        gap: 10px;
    }

    header#main {
        flex-direction: column;
        align-items: flex-start;
    }

    .logo {
        text-align: center;
        margin-top: 20px;
    }
}