/* ==================== style.css ==================== *//* RF Inter Private Server — Main Stylesheet *//* Цветовая гамма: тёмный фон + золотой акцент + красный */:root {    --bg-dark: #0b0f17;    --bg-card: #111827;    --text-primary: #e2e8f0;    --text-secondary: #94a3b8;    --text-muted: #6b7280;    --accent: #dc2626;    --accent-hover: #ef4444;    --gold: #c9a84c;    --gold-light: #e2c77c;    --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-x: hidden;    min-width: 320px;    -webkit-font-smoothing: antialiased;}/* ==================== ПРЕЛОАДЕР ==================== */.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(201, 168, 76, 0.4); }    50% { box-shadow: 0 0 0 20px rgba(201, 168, 76, 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__logo {    font-family: 'Cormorant Garamond', serif;    font-size: 26px;    font-weight: 700;    color: var(--gold);    letter-spacing: 2px;    text-decoration: none;    display: flex;    align-items: center;    gap: 10px;    flex-shrink: 0;}.nav__logo-img {    height: 32px;    width: auto;    object-fit: contain;}.nav__menu {    display: flex;    align-items: center;    gap: 28px;    list-style: none;}.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(--border);    color: var(--text-secondary);    padding: 6px 10px;    border-radius: 4px;    cursor: pointer;    font-size: 12px;    font-weight: 500;    transition: all 0.3s;    font-family: inherit;}.nav__lang-btn.active {    border-color: var(--gold);    color: var(--gold);    background: rgba(201, 168, 76, 0.1);}.nav__lang-btn:hover {    border-color: var(--gold);    color: var(--gold);}/* ==================== КНОПКИ ==================== */.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;}.btn--sm {    padding: 8px 18px;    font-size: 10px;    letter-spacing: 1.5px;    background: rgba(30, 41, 59, 0.6);    color: var(--text-secondary);    border: 1px solid var(--border);    display: inline-flex;    align-items: center;    gap: 6px;}.btn--sm:hover {    background: var(--accent);    color: #fff;    border-color: var(--accent);}/* ==================== БУРГЕР ==================== */.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); }/* ==================== SWIPER ==================== */.fp-swiper {    width: 100%;    height: 100vh;}.fp-swiper .swiper-slide {    position: relative;    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: radial-gradient(ellipse at center, rgba(11, 15, 23, 0.2) 0%, rgba(11, 15, 23, 0.5) 70%);    z-index: 1;}.slide-content {    position: relative;    z-index: 2;    text-align: center;    max-width: 900px;    padding: 0 24px;}.slide-content--wide {    max-width: 1100px;    text-align: left;    display: flex;    flex-direction: column;    align-items: flex-start;}.slide-content--wide .section-heading {    text-align: center;    width: 100%;    margin-bottom: 32px;}/* ==================== HERO ==================== */.hero__subtitle {    font-size: 14px;    font-weight: 500;    letter-spacing: 4px;    text-transform: uppercase;    color: var(--accent);    margin-bottom: 16px;}.hero__title {    font-family: 'Cormorant Garamond', serif;    font-size: clamp(36px, 6vw, 72px);    font-weight: 700;    color: #fff;    line-height: 1.1;    margin-bottom: 4px;}.hero__title span {    color: var(--gold);}.hero__title-small {    font-size: 18px;    letter-spacing: 6px;    text-transform: uppercase;    color: var(--text-secondary);    margin-bottom: 16px;    font-weight: 500;}.hero__desc {    font-size: 16px;    color: #ffffff !important;    margin-bottom: 24px;    max-width: 600px;    margin-left: auto;    margin-right: auto;}.hero__btns {    display: flex;    gap: 16px;    flex-wrap: wrap;    justify-content: center;}/* ==================== ЛОГОТИП НА ГЛАВНОЙ ==================== */.hero__logo-img-wrapper {    margin-bottom: 12px;}.hero__logo-img {    max-width: 500px;    width: 100%;    height: auto;    display: block;    margin: 0 auto;}@media (max-width: 768px) {    .hero__logo-img {        max-width: 320px;    }}@media (max-width: 480px) {    .hero__logo-img {        max-width: 220px;    }}/* ==================== ТАЙМЕР ==================== */.hero__countdown {    margin-top: 20px;    margin-bottom: 20px;    display: flex;    gap: 20px;    justify-content: center;    flex-wrap: wrap;}.countdown-item {    text-align: center;    min-width: 70px;}.countdown-number {    font-family: 'Cormorant Garamond', serif;    font-size: 42px;    font-weight: 700;    color: var(--gold);    line-height: 1;}/* ==================== СЕКУНДЫ ТАЙМЕРА КРАСНЫЕ ==================== */#cd-secs {    color: #dc2626 !important;}@keyframes pulse-seconds {    0%, 100% {        opacity: 1;    }    50% {        opacity: 0.5;    }}.countdown-label {    font-size: 11px;    text-transform: uppercase;    letter-spacing: 2px;    color: var(--text-secondary);    margin-top: 4px;}@media (max-width: 768px) {    .hero__countdown {        gap: 12px;    }    .countdown-number {        font-size: 30px;    }    .countdown-item {        min-width: 55px;    }}@media (max-width: 480px) {    .hero__countdown {        gap: 8px;    }    .countdown-number {        font-size: 24px;    }    .countdown-item {        min-width: 45px;    }    .countdown-label {        font-size: 9px;    }}/* ==================== СОЦИАЛЬНЫЕ КАРТОЧКИ НА ГЛАВНОЙ ==================== */.hero__social-cards {    display: flex;    gap: 16px;    justify-content: center;    margin-top: 28px;    flex-wrap: wrap;}.hero__social-card {    background: rgba(17, 24, 39, 0.7);    backdrop-filter: blur(8px);    -webkit-backdrop-filter: blur(8px);    border: 1px solid var(--border);    border-radius: var(--radius);    padding: 14px 20px;    display: flex;    align-items: center;    gap: 12px;    transition: all 0.3s ease;    cursor: pointer;    min-width: 160px;    flex: 0 1 auto;}.hero__social-card:hover {    border-color: var(--gold);    transform: translateY(-2px);    background: rgba(17, 24, 39, 0.9);}.hero__social-icon {    width: 36px;    height: 36px;    border-radius: 6px;    background: rgba(201, 168, 76, 0.1);    display: flex;    align-items: center;    justify-content: center;    flex-shrink: 0;}.hero__social-icon img {    width: 28px;    height: 28px;    object-fit: contain;}.hero__social-title {    font-size: 12px;    font-weight: 600;    color: #fff;    text-transform: uppercase;    letter-spacing: 1.5px;}.hero__social-desc {    font-size: 10px;    color: var(--text-secondary);    margin-top: 2px;}/* ==================== СТАТУС СЕРВЕРА В ЛЕВОМ ВЕРХНЕМ УГЛУ ==================== */.server-status-btn--top-left {    position: absolute;    top: 80px;    left: 24px;    z-index: 10;    display: inline-flex;    align-items: center;    justify-content: center;    gap: 10px;    padding: 8px 18px;    background: rgba(17, 24, 39, 0.75);    backdrop-filter: blur(10px);    -webkit-backdrop-filter: blur(10px);    border: 1px solid rgba(74, 222, 128, 0.4);    border-radius: 60px;    cursor: default;    transition: all 0.3s ease;}.server-status-btn--top-left .server-status-btn__indicator {    width: 10px;    height: 10px;    background-color: #4ade80;    border-radius: 50%;    box-shadow: 0 0 6px #4ade80;    animation: pulse-green 1.5s ease-in-out infinite;    flex-shrink: 0;}.server-status-btn--top-left .server-status-btn__text {    font-size: 12px;    font-weight: 600;    letter-spacing: 1px;    color: #4ade80;    text-transform: uppercase;    font-family: 'Montserrat', sans-serif;    white-space: nowrap;}@keyframes pulse-green {    0%, 100% {        opacity: 1;        box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.7);    }    50% {        opacity: 0.7;        box-shadow: 0 0 0 6px rgba(74, 222, 128, 0);    }}/* Скрываем старый стиль статуса */.server-status-btn:not(.server-status-btn--top-left) {    display: none;}@media (max-width: 768px) {    .server-status-btn--top-left {        top: 72px;        left: 16px;        padding: 6px 14px;        gap: 8px;    }    .server-status-btn--top-left .server-status-btn__text {        font-size: 10px;        letter-spacing: 0.5px;    }    .server-status-btn--top-left .server-status-btn__indicator {        width: 8px;        height: 8px;    }}@media (max-width: 480px) {    .server-status-btn--top-left {        top: 68px;        left: 12px;        padding: 5px 12px;        gap: 6px;    }    .server-status-btn--top-left .server-status-btn__text {        font-size: 9px;        letter-spacing: 0.5px;    }    .server-status-btn--top-left .server-status-btn__indicator {        width: 7px;        height: 7px;    }}/* ==================== ДИСКОРД НА ГЛАВНОЙ ==================== */.hero__social-card[id="communityCardHero"] .hero__social-icon img {    filter: brightness(0) invert(1);    opacity: 0.6;    transition: all 0.3s ease;}.hero__social-card[id="communityCardHero"]:hover .hero__social-icon img {    filter: none;    opacity: 1;}.hero__social-card[id="vkCardHero"] .hero__social-icon img,.hero__social-card[id="telegramCardHero"] .hero__social-icon img {    filter: none !important;    opacity: 1 !important;}/* ==================== ПАНЕЛЬ СЕРВЕРОВ + ПОДВАЛ ==================== */.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;}/* ==================== ЗАГОЛОВКИ СЕКЦИЙ ==================== */.section-heading {    text-align: center;    margin-bottom: 24px;}.section-heading__subtitle {    font-size: 13px;    font-weight: 500;    letter-spacing: 3px;    text-transform: uppercase;    color: var(--accent);    margin-bottom: 8px;}.section-heading__title {    font-family: 'Cormorant Garamond', serif;    font-size: clamp(28px, 4vw, 48px);    font-weight: 700;    color: #fff;    margin-bottom: 8px;}/* ==================== НОВОСТИ ==================== */.news__container {    display: flex;    gap: 24px;    flex-wrap: nowrap;    align-items: stretch;    margin-top: 8px;    width: 100%;}.news__main {    flex: 0 0 58%;    background: var(--bg-card);    border: 1px solid var(--border);    border-radius: var(--radius);    padding: 28px;    border-left: 3px solid var(--accent);    text-align: left;}.news__main-content h3 {    font-size: 24px;    font-weight: 700;    color: #fff;    margin-bottom: 16px;    font-family: 'Cormorant Garamond', serif;}.news__main-content p {    color: var(--text-secondary);    font-size: 14px;    line-height: 1.7;    margin-bottom: 8px;}.news__main-bar {    display: flex;    align-items: center;    justify-content: flex-start;    gap: 16px;    margin-top: 16px;    padding-top: 0;}.news__main-btn {    display: inline-block;    padding: 8px 18px;    background: rgba(30, 41, 59, 0.6);    border: 1px solid var(--border);    border-radius: 4px;    color: var(--text-secondary);    font-size: 10px;    font-weight: 600;    letter-spacing: 1.5px;    text-transform: uppercase;    text-decoration: none;    transition: all 0.3s;}.news__main-btn:hover {    background: var(--accent);    color: #fff;    border-color: var(--accent);}.news__cards {    flex: 0 0 38%;    display: flex;    flex-direction: column;    gap: 12px;}.news__card {    background: var(--bg-card);    border: 1px solid var(--border);    border-radius: var(--radius);    padding: 16px;    cursor: pointer;    transition: all 0.3s;    display: flex;    align-items: center;    gap: 14px;    text-align: left;}.news__card:hover {    border-color: var(--gold);    transform: translateX(4px);}.news__card-icon {    width: 44px;    height: 44px;    border-radius: 6px;    background: rgba(201, 168, 76, 0.1);    display: flex;    align-items: center;    justify-content: center;    font-size: 20px;    flex-shrink: 0;}.news__card-icon img {    width: 32px;    height: 32px;    object-fit: contain;}.news__card-title {    font-size: 12px;    font-weight: 600;    color: #fff;    text-transform: uppercase;    letter-spacing: 1.5px;}.news__card-date {    font-size: 10px;    color: var(--text-secondary);    margin-top: 4px;}/* ==================== КАРТОЧКИ СОЦСЕТЕЙ НА ВТОРОМ СЛАЙДЕ ==================== */.news__card[id="communityCard"] .news__card-icon img {    filter: brightness(0) invert(1);    opacity: 0.6;    transition: all 0.3s ease;}.news__card[id="communityCard"]:hover .news__card-icon img {    filter: none;    opacity: 1;}.news__card[id="vkCard"] .news__card-icon img,.news__card[id="telegramCard"] .news__card-icon img {    filter: none !important;    opacity: 1 !important;}/* ==================== ФАЙЛЫ ==================== */.files__container {    display: flex;    gap: 24px;    flex-wrap: nowrap;    align-items: stretch;    margin-top: 8px;    width: 100%;}.files__downloads {    flex: 0 0 55%;    display: flex;    flex-direction: column;    gap: 16px;}.files__card {    background: var(--bg-card);    border: 1px solid var(--border);    border-radius: var(--radius);    padding: 24px;    border-left: 3px solid var(--accent);    text-align: left;    transition: border-color 0.3s;}.files__card:hover {    border-color: var(--gold);}.files__card-title {    font-size: 20px;    font-weight: 600;    color: #fff;    margin-bottom: 8px;    font-family: 'Cormorant Garamond', serif;}.files__card-desc {    font-size: 12px;    color: var(--text-secondary);    margin-bottom: 16px;    line-height: 1.5;}.files__card-btns {    display: flex;    gap: 8px;    flex-wrap: wrap;}.files__register {    flex: 0 0 38%;    background: var(--bg-card);    border: 1px solid var(--border);    border-radius: var(--radius);    padding: 36px 28px;    text-align: center;    border-top: 3px solid var(--accent);    display: flex;    flex-direction: column;    justify-content: center;}.files__register-icon {    font-size: 48px;    margin-bottom: 16px;}.files__register-title {    font-size: 20px;    font-weight: 600;    color: #fff;    margin-bottom: 14px;    font-family: 'Cormorant Garamond', serif;}.files__register-desc {    font-size: 12px;    color: var(--text-secondary);    margin-bottom: 24px;    line-height: 1.6;}/* ==================== О СЕРВЕРЕ ==================== */.about__text {    color: #fff;    line-height: 1.8;    margin-bottom: 24px;    font-size: 15px;    max-width: 600px;    margin-left: auto;    margin-right: auto;}/* ==================== 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(201, 168, 76, 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(201, 168, 76, 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;}/* ==================== ОБНОВЛЕНИЯ ==================== */.updates-patch-title {    color: var(--gold);    font-family: 'Montserrat', sans-serif !important;    font-size: 18px;    font-weight: 700;    margin-bottom: 20px;    text-align: left;}.updates-list ol {    color: #e2e8f0;    font-family: 'Montserrat', sans-serif;    font-size: 16px;    line-height: 1.4;    margin-left: 20px;    text-align: left;}.updates-list li {    font-family: 'Montserrat', sans-serif;    margin-bottom: 2px;}/* ==================== ПОДСВЕТКА ПОИСКА ==================== */.highlight {    background-color: rgba(201, 168, 76, 0.4);    color: #fff;    font-weight: bold;    border-radius: 3px;    padding: 0 2px;}/* ==================== МОБИЛЬНАЯ ВЕРСИЯ ==================== */@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;    }    .slide-content--wide {        text-align: center;        align-items: center;    }    .hero__btns {        flex-direction: column;        align-items: center;    }    .hero__social-cards {        flex-direction: column;        align-items: center;        gap: 10px;        margin-top: 24px;    }    .hero__social-card {        min-width: 200px;        width: 100%;        max-width: 280px;        padding: 12px 16px;    }    .news__container {        flex-direction: column;    }    .news__main,    .news__cards {        flex: 1 1 auto;        max-width: 100%;    }    .news__main {        padding: 16px;    }    .news__main-content h3 {        font-size: 18px;    }    .files__container {        flex-direction: column;    }    .files__downloads,    .files__register {        flex: 1 1 auto;        max-width: 100%;    }    .files__register {        padding: 24px 16px;    }    .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__title {        font-size: 28px;    }    .hero__title-small {        font-size: 14px;    }    .section-heading__title {        font-size: 24px;    }    .news__card {        padding: 12px;    }    .news__card-icon {        width: 36px;        height: 36px;        font-size: 16px;    }    .news__card-title {        font-size: 11px;    }    .hero__social-card {        min-width: 160px;        padding: 10px 14px;    }    .hero__social-title {        font-size: 11px;    }    .hero__social-desc {        font-size: 9px;    }}