/* ==================== style.css ==================== *//* ARMADA Private Server — Main Stylesheet */:root {    --bg-dark: #0b0f17;    --bg-card: #111827;    --text-primary: #e2e8f0;    --text-secondary: #94a3b8;    --text-muted: #6b7280;    --accent: #ab4e52;    --accent-hover: #c96a6e;    --gold: #ab4e52;    --gold-light: #c96a6e;    --border: #1e293b;    --radius: 8px;}* {    margin: 0;    padding: 0;    box-sizing: border-box;}html {    scroll-behavior: smooth;}/* ==================== ПОДКЛЮЧЕНИЕ ШРИФТОВ ==================== */@font-face {    font-family: 'Montserrat';    src: url('fonts/Montserrat-Light.ttf') format('truetype');    font-weight: 300;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'Montserrat';    src: url('fonts/Montserrat-Regular.ttf') format('truetype');    font-weight: 400;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'Montserrat';    src: url('fonts/Montserrat-Medium.ttf') format('truetype');    font-weight: 500;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'Montserrat';    src: url('fonts/Montserrat-SemiBold.ttf') format('truetype');    font-weight: 600;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'Montserrat';    src: url('fonts/Montserrat-Bold.ttf') format('truetype');    font-weight: 700;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'Montserrat';    src: url('fonts/Montserrat-ExtraBold.ttf') format('truetype');    font-weight: 800;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'Cormorant Garamond';    src: url('fonts/CormorantGaramond-Light.ttf') format('truetype');    font-weight: 300;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'Cormorant Garamond';    src: url('fonts/CormorantGaramond-Regular.ttf') format('truetype');    font-weight: 400;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'Cormorant Garamond';    src: url('fonts/CormorantGaramond-Medium.ttf') format('truetype');    font-weight: 500;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'Cormorant Garamond';    src: url('fonts/CormorantGaramond-SemiBold.ttf') format('truetype');    font-weight: 600;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'Cormorant Garamond';    src: url('fonts/CormorantGaramond-Bold.ttf') format('truetype');    font-weight: 700;    font-style: normal;    font-display: swap;}body {    font-family: 'Montserrat', sans-serif;    background: var(--bg-dark);    color: var(--text-primary);    overflow: hidden;    min-width: 320px;    -webkit-font-smoothing: antialiased;    height: 100vh;}/* ==================== ПРЕЛОАДЕР ==================== */.preload {    background-color: var(--bg-dark);    position: fixed;    z-index: 9999;    top: 0;    left: 0;    right: 0;    bottom: 0;    display: flex;    justify-content: center;    align-items: center;    flex-direction: column;    transition: opacity 0.5s ease, visibility 0.5s ease;}.preload.hidden {    opacity: 0;    visibility: hidden;}.preload__logo {    width: 80px;    height: 80px;    border: 3px solid var(--gold);    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    font-family: 'Cormorant Garamond', serif;    font-size: 28px;    color: var(--gold);    font-weight: 700;    animation: pulse-logo 1.5s ease-in-out infinite;    margin-bottom: 24px;}@keyframes pulse-logo {    0%, 100% { box-shadow: 0 0 0 0 rgba(171, 78, 82, 0.4); }    50% { box-shadow: 0 0 0 20px rgba(171, 78, 82, 0); }}.preload__progress {    width: 200px;    height: 3px;    background: var(--border);    border-radius: 3px;    overflow: hidden;}.preload__progress-bar {    height: 100%;    width: 0%;    background: var(--gold);    border-radius: 3px;    transition: width 0.1s ease;}/* ==================== НАВИГАЦИЯ ==================== */.nav {    position: fixed;    top: 0;    left: 0;    right: 0;    z-index: 1000;    background: rgba(11, 15, 23, 0.85);    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    border-bottom: 1px solid rgba(30, 41, 59, 0.5);    padding: 0 24px;}.nav__inner {    max-width: 1400px;    margin: 0 auto;    display: flex;    align-items: center;    justify-content: space-between;    height: 64px;}.nav__menu {    display: flex;    align-items: center;    gap: 28px;    list-style: none;    margin-left: 0;    padding-left: 0;}.nav__menu a {    color: var(--text-secondary);    text-decoration: none;    font-size: 14px;    font-weight: 500;    letter-spacing: 1px;    text-transform: uppercase;    transition: color 0.3s;    position: relative;}.nav__menu a:hover,.nav__menu a.active {    color: var(--gold);}.nav__menu a::after {    content: '';    position: absolute;    bottom: -4px;    left: 0;    width: 0;    height: 1px;    background: var(--gold);    transition: width 0.3s;}.nav__menu a:hover::after,.nav__menu a.active::after {    width: 100%;}.nav__right {    display: flex;    align-items: center;    gap: 16px;    flex-shrink: 0;}.nav__lang {    display: flex;    gap: 4px;}.nav__lang-btn {    background: none;    border: 1px solid var(--gold);    color: var(--gold);    padding: 6px 14px;    border-radius: 4px;    cursor: pointer;    font-size: 12px;    font-weight: 600;    transition: all 0.3s;    font-family: inherit;    background: rgba(171, 78, 82, 0.05);    min-width: 48px;}.nav__lang-btn:hover {    background: var(--gold);    color: var(--bg-dark);}/* ==================== КНОПКИ ==================== */.btn {    display: inline-block;    padding: 10px 24px;    border: 1px solid var(--gold);    color: var(--gold);    background: transparent;    font-size: 13px;    font-weight: 600;    letter-spacing: 1px;    text-transform: uppercase;    cursor: pointer;    text-decoration: none;    border-radius: 4px;    transition: all 0.3s;    white-space: nowrap;    font-family: inherit;}.btn:hover {    background: var(--gold);    color: var(--bg-dark);}.btn-accent {    background: var(--gold);    border-color: var(--gold);    color: var(--bg-dark);}.btn-accent:hover {    background: var(--gold-light);    border-color: var(--gold-light);    color: var(--bg-dark);}.btn-lg {    padding: 14px 36px;    font-size: 15px;}/* ==================== БУРГЕР ==================== */.burger {    display: none;    flex-direction: column;    gap: 5px;    cursor: pointer;    z-index: 1100;    background: none;    border: none;    padding: 8px;}.burger span {    display: block;    width: 26px;    height: 2px;    background: var(--text-primary);    transition: all 0.3s;}.burger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }.burger.active span:nth-child(2) { opacity: 0; }.burger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }/* ==================== ОДИНОЧНЫЙ СЛАЙД ==================== */.single-slide {    position: relative;    width: 100%;    height: 100vh;    display: flex;    align-items: center;    justify-content: center;    overflow: hidden;}.slide-bg {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-size: cover;    background-position: center;    z-index: 0;}.slide-overlay {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: transparent;    z-index: 1;}.slide-content {    position: relative;    z-index: 2;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    text-align: center;    width: 100%;    max-width: 800px;    padding: 20px;    transform: translateY(160px);}/* ==================== HERO ==================== */.hero__desc {    font-size: 16px;    color: #ffffff;    margin-bottom: 32px;    max-width: 600px;    font-weight: 400;    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);}.hero__btns {    display: flex;    gap: 16px;    flex-wrap: wrap;    justify-content: center;}/* ==================== ПАНЕЛЬ СЕРВЕРОВ + ПОДВАЛ ==================== */.servers-bar {    position: fixed;    bottom: 0;    left: 0;    right: 0;    z-index: 1000;    background: rgba(11, 15, 23, 0.92);    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    border-top: 1px solid rgba(30, 41, 59, 0.5);    padding: 0;}.servers-bar__bottom {    display: flex;    align-items: center;    justify-content: space-between;    flex-wrap: wrap;    gap: 8px;    padding: 12px 24px;}.servers-bar__links {    display: flex;    align-items: center;    gap: 8px;    flex-wrap: wrap;}.servers-bar__links a {    color: var(--text-secondary);    text-decoration: none;    font-size: 10px;    transition: color 0.3s;}.servers-bar__links a:hover {    color: var(--gold);}.servers-bar__sep {    color: var(--border);    font-size: 10px;}.servers-bar__copy {    font-size: 10px;    color: var(--text-secondary);    white-space: nowrap;}/* ==================== COOKIE ==================== */.cookie {    position: fixed;    bottom: 120px;    left: 50%;    transform: translateX(-50%);    background: rgba(17, 24, 39, 0.96);    border: 1px solid var(--border);    padding: 14px 22px;    border-radius: var(--radius);    display: none;    align-items: center;    gap: 16px;    z-index: 50;    font-size: 11px;    color: var(--text-secondary);    backdrop-filter: blur(10px);    -webkit-backdrop-filter: blur(10px);    flex-wrap: wrap;    justify-content: center;    max-width: 600px;    width: 90%;    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);}.cookie__text {    flex: 1;    min-width: 200px;    line-height: 1.4;}.cookie__btn {    padding: 8px 20px;    background: var(--gold);    color: var(--bg-dark);    border: none;    border-radius: 4px;    font-size: 11px;    font-weight: 700;    letter-spacing: 1px;    text-transform: uppercase;    cursor: pointer;    transition: all 0.3s;    white-space: nowrap;    font-family: inherit;}.cookie__btn:hover {    background: var(--gold-light);    box-shadow: 0 2px 12px rgba(171, 78, 82, 0.3);}.cookie a,.cookie a:visited {    color: #e2e8f0;    text-decoration: underline;    transition: color 0.3s;}.cookie a:hover {    color: #94a3b8;    text-decoration: none;}/* ==================== МОДАЛЬНОЕ ОКНО ==================== */.modal {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 2000;    display: none;    align-items: center;    justify-content: center;    padding: 20px;}.modal.active {    display: flex;}.modal__overlay {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.7);    z-index: 0;}.modal__container {    position: relative;    z-index: 1;    background: var(--bg-card);    border: 1px solid var(--border);    border-radius: var(--radius);    max-width: 800px;    width: 100%;    max-height: 85vh;    display: flex;    flex-direction: column;    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);    animation: modalIn 0.3s ease;}@keyframes modalIn {    from {        opacity: 0;        transform: scale(0.95) translateY(10px);    }    to {        opacity: 1;        transform: scale(1) translateY(0);    }}.modal__header {    display: flex;    align-items: center;    justify-content: space-between;    padding: 20px 24px;    border-bottom: 1px solid var(--border);    flex-shrink: 0;}.modal__title {    font-family: 'Cormorant Garamond', serif;    font-size: 24px;    font-weight: 700;    color: var(--gold);    margin: 0;}.modal__close {    background: none;    border: none;    color: var(--text-secondary);    font-size: 28px;    cursor: pointer;    width: 36px;    height: 36px;    display: flex;    align-items: center;    justify-content: center;    border-radius: 4px;    transition: all 0.3s;    flex-shrink: 0;}.modal__close:hover {    background: rgba(171, 78, 82, 0.1);    color: var(--gold);}.modal__body {    padding: 24px;    overflow-y: auto;    flex: 1;    color: var(--text-secondary);    font-size: 13px;    line-height: 1.7;}.modal__body h3 {    color: var(--gold);    font-size: 16px;    margin-top: 20px;    margin-bottom: 10px;    font-family: 'Cormorant Garamond', serif;}.modal__body h3:first-child {    margin-top: 0;}.modal__body p {    margin-bottom: 10px;}.modal__body ul,.modal__body ol {    margin-left: 20px;    margin-bottom: 10px;}.modal__body li {    margin-bottom: 4px;}/* ==================== СКРОЛЛБАР ==================== */::-webkit-scrollbar {    width: 6px;}::-webkit-scrollbar-track {    background: var(--bg-dark);}::-webkit-scrollbar-thumb {    background: var(--border);    border-radius: 3px;}/* ==================== МОБИЛЬНАЯ ВЕРСИЯ ==================== */@media (max-width: 768px) {    .nav__menu {        position: fixed;        top: 0;        right: -100%;        width: 280px;        height: 100vh;        background: var(--bg-dark);        flex-direction: column;        padding: 80px 32px 32px;        gap: 20px;        transition: right 0.3s ease;        border-left: 1px solid var(--border);        z-index: 1050;    }    .nav__menu.active {        right: 0;    }    .burger {        display: flex;    }    .hero__btns {        flex-direction: column;        align-items: center;    }    .slide-content {        transform: translateY(80px);    }    .servers-bar__bottom {        flex-direction: column;        text-align: center;        padding: 6px 12px;    }    .servers-bar__links {        justify-content: center;    }    .cookie {        bottom: 140px;        padding: 12px 16px;        gap: 10px;        font-size: 10px;    }    .cookie__btn {        padding: 6px 14px;        font-size: 10px;    }    .modal {        padding: 10px;    }    .modal__container {        max-height: 90vh;    }    .modal__header {        padding: 16px;    }    .modal__title {        font-size: 20px;    }    .modal__body {        padding: 16px;        font-size: 12px;    }}@media (max-width: 480px) {    .hero__desc {        font-size: 14px;    }}/* ==================== ТАЙМЕР ==================== */.timer-bar {    position: fixed;    top: 120px; /* Отступ от верхнего края, чтобы не прилипало к шапке */    left: 40px;    z-index: 999;    background: transparent;    padding: 0;}.timer-bar__inner {    display: flex;    flex-direction: column;    align-items: flex-start;    gap: 8px;}.timer-bar__label {    color: #ffffff;    font-size: 12px;    font-weight: 500;    letter-spacing: 1.5px;    text-transform: uppercase;    white-space: nowrap;    opacity: 1;    margin-bottom: 4px;}.timer-bar__items {    display: flex;    flex-direction: column;    align-items: flex-start;    gap: 4px;}.timer-item {    display: flex;    align-items: center;    gap: 12px;    width: 100%;}.timer-item__number {    font-family: 'Cormorant Garamond', serif;    font-size: 34px;    font-weight: 700;    color: #ffffff;    line-height: 1;    min-width: 60px;    text-align: left;    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);}.timer-item__label {    font-size: 10px;    text-transform: uppercase;    letter-spacing: 1.5px;    color: #ffffff;    opacity: 0.7;    min-width: 50px;}.timer-item__sep {    display: none;}@media (max-width: 768px) {    .timer-bar {        top: 90px;        left: 20px;    }        .timer-item__number {        font-size: 26px;        min-width: 45px;    }        .timer-item__label {        font-size: 9px;        min-width: 40px;    }        .timer-bar__label {        font-size: 10px;    }}@media (max-width: 480px) {    .timer-bar {        top: 80px;        left: 12px;    }        .timer-item__number {        font-size: 20px;        min-width: 35px;    }        .timer-item__label {        font-size: 8px;        min-width: 32px;    }        .timer-bar__label {        font-size: 9px;    }}/* ==================== ФОРУМНЫЕ ДОПОЛНЕНИЯ ==================== *//* Эти стили переопределяются в forum.css, но на всякий случай */.nav__menu a.active {    color: var(--gold);}.nav__menu a.active::after {    width: 100%;}/* Для ссылки на форум в главном меню */.nav__menu a[href*="forum"] {    position: relative;}.nav__menu a[href*="forum"]::before {    content: '✦';    position: absolute;    left: -18px;    top: 50%;    transform: translateY(-50%);    font-size: 10px;    color: var(--gold);    opacity: 0.5;}@media (max-width: 768px) {    .nav__menu a[href*="forum"]::before {        display: none;    }}