:root {
  --m2-bg: #07111f;
  --m2-panel: rgba(7, 18, 35, 0.78);
  --m2-panel-strong: rgba(10, 24, 47, 0.92);
  --m2-border: rgba(92, 190, 241, 0.22);
  --m2-accent: #58c5f5;
  --m2-accent-2: #6f91ff;
  --m2-text: #e8f3ff;
  --m2-muted: #93a8c6;
  --m2-success: #52d38a;
  --m2-danger: #ff6b81;
  --m2-shadow: 0 18px 50px rgba(0,0,0,.34);
  --m2-radius: 18px;
}
body {
  background:
    radial-gradient(circle at top, rgba(66, 179, 231, .13), transparent 35%),
    linear-gradient(180deg, #030a13 0%, #06111e 30%, #081522 100%);
  color: var(--m2-text);
}
.background-theme-default {
  opacity: .22;
  filter: saturate(1.15);
}
.Navbar,
.Navbar-static,
.Navbar-desktop,
.Navbar-mobile,
.Navbar-modal,
.Navbar-accountDropdown,
.Navbar-esportsDropdown {
  backdrop-filter: blur(14px);
}
.Navbar-desktop,
.Navbar-mobile,
.Navbar-modalContent,
.Navbar-accountDropdown,
.Navbar-esportsDropdown,
.activity-feed,
.Card,
.mt2-hero,
.mt2-card,
.mt2-feature,
.mt2-widget,
.mt2-sidecard,
.Pane-content {
  border: 1px solid var(--m2-border);
  border-radius: var(--m2-radius);
  box-shadow: var(--m2-shadow);
}
.Navbar-desktop,
.Navbar-mobile {
  background: rgba(7, 17, 31, 0.82);
  border: 1px solid rgba(120, 191, 255, 0.18);
  margin-top: 10px;
}
.Navbar-items .Navbar-item,
.Navbar-profileItems .Navbar-item,
.Navbar-profileItems .Navbar-account {
  transition: .2s ease;
}
.Navbar-items .Navbar-item:hover,
.Navbar-profileItems .Navbar-item:hover,
.Navbar-profileItems .Navbar-account:hover {
  background: rgba(77,183,255,.08);
  border-radius: 999px;
}
.support-container.grid-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 24px 16px 0;
}
.home-content-container { width: 100%; }
.home-page .grid-70,
.home-page .prefix-5.grid-25 { padding-left: 0; }
.home-page .grid-70 { width: 72%; }
.home-page .prefix-5.grid-25 { width: 26%; margin-left: 2%; }
@media (max-width: 1100px) {
  .home-page .grid-70,
  .home-page .prefix-5.grid-25 { width: 100%; margin-left: 0; }
}
.activity-feed {
  background: linear-gradient(180deg, rgba(8, 21, 40, .96), rgba(7, 17, 31, .92)) !important;
  margin-bottom: 18px;
  overflow: hidden;
}
.activity-header {
  background: linear-gradient(90deg, rgba(66, 179, 231, .16), rgba(86, 117, 205, .13));
  border-bottom: 1px solid var(--m2-border);
  font-size: 15px;
  letter-spacing: .04em;
}
.activity-header .fa { margin-right: 10px; color: var(--m2-accent); }
.forum-content,
.activity,
.activity-none,
.table,
.table th,
.table td,
.NavbarFooter-anchor,
.Navbar-label,
.mt2cms_main_box_middle_content_label,
.page-hd h2,
.pre-social {
  color: var(--m2-text) !important;
}
.table-hover tbody tr:hover {
  background: rgba(77,183,255,.06);
}
.table thead th {
  border-top: 0;
  border-bottom: 1px solid var(--m2-border);
  color: var(--m2-muted) !important;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.table td,
.table th {
  border-top-color: rgba(147,168,198,.12) !important;
  vertical-align: middle;
}
.st-form-control {
  min-height: 46px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: var(--m2-text);
}
.st-form-control:focus {
  border-color: var(--m2-accent);
  box-shadow: 0 0 0 4px rgba(77,183,255,.12);
}
.mt2cms_main_content_button,
.btn,
.mt2-btn,
.mt2-btn-secondary {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.mt2cms_main_content_button:hover,
.btn:hover,
.mt2-btn:hover,
.mt2-btn-secondary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,.28);
}
.mt2cms_main_content_button,
.btn-primary,
.mt2-btn {
  background: linear-gradient(135deg, var(--m2-accent), #6cc6ff 60%, #9edcff) !important;
  color: #06121f !important;
}
.mt2-btn-secondary,
.btn-secondary {
  background: rgba(255,255,255,.06) !important;
  color: var(--m2-text) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
}
.mt2-news-page {
  display: grid;
  gap: 18px;
}
.mt2-hero {
  position: relative;
  overflow: hidden;
  padding: 36px;
  background:
    linear-gradient(135deg, rgba(77,183,255,.18), rgba(125,107,255,.16)),
    linear-gradient(180deg, rgba(9, 22, 41, .98), rgba(7, 17, 31, .96));
}
.mt2-hero::before {
  content: "";
  position: absolute;
  inset: auto -120px -120px auto;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(77,183,255,.22), transparent 68%);
}
.mt2-hero__inner { position: relative; z-index: 1; }
.mt2-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  color: var(--m2-text);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.mt2-badge__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--m2-success);
  box-shadow: 0 0 12px rgba(82,211,138,.55);
}
.mt2-badge.is-offline .mt2-badge__dot {
  background: var(--m2-danger);
  box-shadow: 0 0 12px rgba(255,107,129,.55);
}
.mt2-hero h1 {
  margin: 18px 0 12px;
  font-size: clamp(32px, 5vw, 54px);
  line-height: 1.04;
  color: #fff;
}
.mt2-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--m2-muted);
  font-size: 16px;
  line-height: 1.7;
}
.mt2-actions,
.mt2-grid,
.mt2-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.mt2-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px) { .mt2-grid { grid-template-columns: 1fr; } }
.mt2-card,
.mt2-feature,
.mt2-widget,
.mt2-sidecard {
  background: linear-gradient(180deg, rgba(8,21,40,.95), rgba(7,17,31,.92));
  padding: 24px;
}
.mt2-card h3,
.mt2-feature h3,
.mt2-widget h3,
.mt2-sidecard h3 {
  margin: 0 0 10px;
  font-size: 20px;
  color: #fff;
}
.mt2-card p,
.mt2-feature p,
.mt2-widget p,
.mt2-sidecard p,
.mt2-list {
  margin: 0;
  color: var(--m2-muted);
  line-height: 1.7;
}
.mt2-feature__icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 14px;
  background: linear-gradient(135deg, rgba(77,183,255,.18), rgba(125,107,255,.14));
  color: var(--m2-accent);
  font-size: 20px;
}
.mt2-split {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) { .mt2-split { grid-template-columns: 1fr; } }
.mt2-statline {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}
.mt2-statline__item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.mt2-statline__item:last-child { border-bottom: 0; }
.mt2-list {
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
}
.mt2-list li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
}
.mt2-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--m2-accent);
}
#vk_groups,
#vk_groups iframe {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 14px;
  overflow: hidden;
}
.NavbarFooter {
  padding: 14px 24px 0;
}
#Page-footer .Pane-backgroundContainer { opacity: .26; }
#Page-footer .Pane-content {
  background: linear-gradient(180deg, rgba(6,16,30,.92), rgba(5,12,23,.95));
}
.footer-nav .social ul { justify-content: center; }
img[loading="lazy"] { content-visibility: auto; }
.freekassa-badge img {
  max-width: 160px;
  height: auto;
  opacity: .86;
}



.grid-parent.clearfix.home-page {
  display: flex;
  align-items: flex-start;
  gap: 28px;
}
.home-page .home-content-container.mt2-main-column {
  width: calc(100% - 360px);
  float: none;
}
.home-page .home-activity-container.mt2-sidebar-column {
  width: 332px;
  float: none;
  margin-top: 0;
}
.home-page .prefix-5.grid-25 {
  width: 100%;
  margin-left: 0;
  padding-left: 0;
}
.mt2-homepage {
  display: grid;
  gap: 20px;
}
.mt2-hero-release {
  min-height: 320px;
  padding: 34px;
  background: linear-gradient(135deg, rgba(5,10,18,.84), rgba(4,12,24,.58));
}
.mt2-hero-release .mt2-hero__media,
.mt2-hero-release .mt2-hero__overlay {
  position: absolute;
  inset: 0;
}
.mt2-hero-release .mt2-hero__media {
  background: center center / cover no-repeat url('../images/site/hero-release.png');
  opacity: .58;
}
.mt2-hero-release .mt2-hero__overlay {
  background: linear-gradient(90deg, rgba(5,10,18,.92) 0%, rgba(5,10,18,.68) 42%, rgba(5,10,18,.42) 100%);
}
.mt2-actions-hero { margin-top: 28px; }
.mt2-actions-hero .mt2-btn,
.mt2-actions-hero .mt2-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.mt2-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.mt2-stat-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border-radius: 16px;
  border: 1px solid var(--m2-border);
  background: linear-gradient(180deg, rgba(8,21,40,.95), rgba(7,17,31,.92));
  box-shadow: var(--m2-shadow);
}
.mt2-stat-card__icon {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(77,183,255,.12);
  color: var(--m2-accent);
  font-size: 19px;
  flex: 0 0 auto;
}
.mt2-stat-card__content span {
  display: block;
  color: var(--m2-muted);
  font-size: 13px;
  line-height: 1.35;
}
.mt2-stat-card__content strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 22px;
  line-height: 1;
}
.mt2-link-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.mt2-link-card {
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  padding: 22px;
  border-radius: 18px;
  border: 1px solid var(--m2-border);
  background: linear-gradient(180deg, rgba(8,21,40,.95), rgba(7,17,31,.92));
  box-shadow: var(--m2-shadow);
  color: #fff !important;
  text-decoration: none !important;
}
.mt2-link-card i {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(77,183,255,.12);
  color: var(--m2-accent);
  font-size: 18px;
}
.mt2-link-card span {
  font-size: 16px;
  font-weight: 700;
}
.mt2-link-card:hover {
  transform: translateY(-2px);
  border-color: rgba(77,183,255,.36);
  background: linear-gradient(180deg, rgba(10,25,46,.98), rgba(7,17,31,.96));
}
.mt2-home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(300px, .7fr);
  gap: 20px;
}
.mt2-block-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.mt2-block-title h3 {
  margin: 0;
  font-size: 26px;
}
.mt2-block-title a {
  color: var(--m2-accent) !important;
  text-decoration: none !important;
  font-weight: 700;
}
.mt2-news-list {
  display: grid;
  gap: 14px;
}
.mt2-news-row {
  display: grid;
  grid-template-columns: 160px minmax(0,1fr) 110px;
  gap: 16px;
  align-items: center;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.02);
  color: inherit !important;
  text-decoration: none !important;
}
.mt2-news-row__thumb {
  height: 88px;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
}
.mt2-news-row__content h4 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 17px;
}
.mt2-news-row__content p {
  margin: 0;
  color: var(--m2-muted);
  line-height: 1.55;
}
.mt2-news-row__date {
  justify-self: end;
  color: var(--m2-muted);
  font-size: 13px;
}
.mt2-ranking-table-wrap {
  overflow-x: auto;
}
.mt2-ranking-table img {
  width: 28px;
  height: auto;
  border-radius: 4px;
}
.mt2-empty-row {
  padding: 16px;
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  color: var(--m2-muted);
}
.activity-feed-surround {
  margin-top: 0 !important;
}
.home-activity-container .activity-feed + .activity-feed {
  margin-top: 18px;
}
#login-nav {
  width: 100%;
  margin: 0;
}
#login-nav .st-form-control {
  width: 100%;
  margin-bottom: 12px;
}
#login-nav .mt2cms_main_content_button,
#login-nav .login-btn {
  width: 100%;
}
.support-list .activity {
  margin: 0;
}
.support-list .activity + .activity {
  border-top: 1px solid rgba(147,168,198,.12);
}
.support-list .forum-content {
  display: block;
  padding: 16px 18px;
}
.support-list .forum-content .title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.nav-tabs {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  padding: 12px 12px 0;
  border-bottom: 1px solid rgba(147,168,198,.12);
}
.nav-tabs > li {
  float: none;
}
.nav-tabs > li > a {
  margin: 0;
  border-radius: 12px 12px 0 0;
  border: 1px solid rgba(147,168,198,.12);
  background: rgba(255,255,255,.03);
}
@media (max-width: 1199px) {
  .grid-parent.clearfix.home-page {
    flex-direction: column;
  }
  .home-page .home-content-container.mt2-main-column,
  .home-page .home-activity-container.mt2-sidebar-column {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .support-container.grid-container {
    padding: 16px 12px 0;
  }
  .mt2-hero-release {
    min-height: 280px;
    padding: 24px;
  }
  .mt2-stats-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .mt2-link-cards,
  .mt2-home-grid {
    grid-template-columns: 1fr;
  }
  .mt2-news-row {
    grid-template-columns: 120px minmax(0,1fr);
  }
  .mt2-news-row__date {
    grid-column: 2;
    justify-self: start;
  }
}
@media (max-width: 767px) {
  .Navbar-desktop {
    margin-top: 0;
    border-radius: 0;
  }
  .mt2-hero-release {
    min-height: 0;
    padding: 20px;
  }
  .mt2-hero-release .mt2-hero__overlay {
    background: linear-gradient(180deg, rgba(5,10,18,.82) 0%, rgba(5,10,18,.72) 45%, rgba(5,10,18,.92) 100%);
  }
  .mt2-hero h1 {
    font-size: 42px;
  }
  .mt2-actions-hero {
    gap: 10px;
  }
  .mt2-actions-hero .mt2-btn,
  .mt2-actions-hero .mt2-btn-secondary {
    width: 100%;
    justify-content: center;
  }
  .mt2-stats-grid,
  .mt2-link-cards {
    grid-template-columns: 1fr;
  }
  .mt2-news-row {
    grid-template-columns: 1fr;
  }
  .mt2-news-row__thumb {
    height: 150px;
  }
  .mt2-news-row__date {
    grid-column: auto;
  }
  .activity-header {
    font-size: 14px;
  }
}

/* Iron palette completion — remove legacy blue accents from old templates. */
:root {
    --m2-bg: #050607;
    --m2-panel: rgba(14, 16, 18, .96);
    --m2-panel-strong: rgba(20, 22, 24, .98);
    --m2-border: rgba(176, 161, 126, .18);
    --m2-accent: #a66a6c;
    --m2-accent-2: #aa956c;
    --m2-text: #dedbd3;
    --m2-muted: #858a8c;
}

.background-theme-default {
    opacity: 1 !important;
    filter: none !important;
    background:
        radial-gradient(circle at 50% 0, rgba(122, 38, 43, .09), transparent 34%),
        linear-gradient(180deg, #090b0d 0%, #050607 58%, #030405 100%) !important;
}

.Card,
.Card.is-primary,
.Card.Card--transparent,
.Card.Home-topStoriesFeaturedCard,
.Navbar-modalContent,
.Navbar-accountDropdown,
.Navbar-esportsDropdown,
.Pane-content {
    color: #dedbd3 !important;
    background: linear-gradient(145deg, rgba(22, 24, 26, .98), rgba(10, 12, 14, .99)) !important;
    border-color: rgba(176, 161, 126, .18) !important;
}

.Card.is-primary::before,
.Card.is-primary::after {
    border-color: rgba(143, 40, 48, .35) !important;
}

.table thead th,
.table > thead > tr > th,
.table .thead-inverse th,
.thead-inverse th {
    color: #aaa18f !important;
    background: linear-gradient(180deg, #1a1c1e, #121416) !important;
    border-color: rgba(176, 161, 126, .18) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, .018) !important;
}

.table-hover tbody tr:hover,
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background: rgba(143, 40, 48, .08) !important;
}

a.nav,
.nav > a.nav {
    color: #d8d4ca !important;
    background: linear-gradient(180deg, #1b1d1f, #111315) !important;
    border-color: rgba(176, 161, 126, .2) !important;
}

a.nav:hover,
a.nav:focus {
    color: #eee8df !important;
    background: linear-gradient(180deg, rgba(91, 39, 43, .72), rgba(38, 24, 27, .9)) !important;
    border-color: rgba(143, 40, 48, .42) !important;
}

.support-navbar-header .stss,
.Navbar-menu,
.Navbar-account,
.Navbar-icon,
.activity-header .fa,
.page-hd .fa {
    color: #aa956c !important;
    fill: currentColor !important;
}

.Card a:not(.btn):not(.nav),
.auth-form a,
.sidebar-login__lost a,
.activity a:not(.btn),
.mt2cms_main_box_middle_content_label a {
    color: #bd6a6c !important;
}

.Card a:not(.btn):not(.nav):hover,
.auth-form a:hover,
.sidebar-login__lost a:hover,
.activity a:not(.btn):hover {
    color: #d8a0a1 !important;
}

.home-step,
.home-step span,
.home-step strong,
.news-article__content,
.news-article__content p {
    color: #d8d4ca !important;
}

.local-news-featured time,
.local-news-card time,
.news-article__meta,
.news-article__meta time {
    color: #7f8486 !important;
}

.news-article__content a {
    color: #bd6a6c !important;
}

.alert-info {
    color: #d6d0c5 !important;
    background: rgba(170, 149, 108, .08) !important;
    border-color: rgba(170, 149, 108, .24) !important;
}

.badge-info,
.tag-info,
.label-info,
.text-info {
    color: #c5b693 !important;
    background-color: rgba(170, 149, 108, .12) !important;
    border-color: rgba(170, 149, 108, .24) !important;
}

.pagination > li > a,
.pagination > li > span,
.page-link {
    color: #bbb8b0 !important;
    background: #121416 !important;
    border-color: rgba(176, 161, 126, .18) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.page-item.active .page-link {
    color: #f2ece2 !important;
    background: #702027 !important;
    border-color: #8f2d34 !important;
}

.progress-bar,
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #8f2d34 !important;
    border-color: #a3373e !important;
}

.st-form-control:-webkit-autofill,
.st-form-control:-webkit-autofill:hover,
.st-form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: #dedbd3 !important;
    caret-color: #dedbd3;
    box-shadow: 0 0 0 1000px #0d0f11 inset !important;
    transition: background-color 9999s ease-out 0s;
}

.admin-news-editor textarea,
.admin-news-editor input,
.admin-news-editor select,
.admin-news-editor .ck-editor__editable,
.auth-form input,
.auth-form select,
.auth-form textarea {
    color: #dedbd3 !important;
    background: #0d0f11 !important;
    border-color: rgba(176, 161, 126, .2) !important;
}

.Navbar-button,
.Navbar-accountDropdownButtonLink .Navbar-button {
    color: #eee8df !important;
    background: linear-gradient(180deg, #8f2d34, #641b22) !important;
    border-color: rgba(181, 72, 76, .38) !important;
}

/* Interactive Iron pass — kept last to outrank vendor hover/active rules. */
.home-button,
.home-button:link,
.home-button:visited,
.home-button:hover,
.home-button:focus,
.home-button:active,
.home-button i,
.local-news__more,
.local-news__more:link,
.local-news__more:visited,
.local-news__more:hover,
.local-news__more:focus,
.local-news__more:active,
.local-news__more i,
.btn-primary,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary i {
    color: #f2ece2 !important;
    -webkit-text-fill-color: #f2ece2 !important;
    text-decoration: none !important;
}

.home-button--ghost,
.home-button--ghost:visited,
.home-button--ghost:hover,
.home-button--ghost:focus,
.home-button--ghost:active,
.home-button--ghost i {
    color: #d5d1c7 !important;
    -webkit-text-fill-color: #d5d1c7 !important;
}

.nav-tabs > li > a,
.nav-tabs > li > a:visited {
    color: #b9b4aa !important;
    background: #151719 !important;
    border-color: rgba(176, 161, 126, .18) !important;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:active,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a.active {
    color: #eee8df !important;
    background: linear-gradient(180deg, rgba(91, 39, 43, .88), rgba(35, 23, 25, .96)) !important;
    border-color: rgba(143, 40, 48, .52) !important;
}

.Navbar .Navbar-accountDropdownLink,
.Navbar .Navbar-accountDropdownLink:visited,
.Navbar .Navbar-modalLink,
.Navbar .Navbar-modalLink:visited {
    color: #d6d3cb !important;
    background: #0d0f11 !important;
}

.Navbar .Navbar-accountDropdownLink:hover,
.Navbar .Navbar-accountDropdownLink:focus,
.Navbar .Navbar-accountDropdownLink:active,
.Navbar .Navbar-accountDropdownLink.is-current,
.Navbar .Navbar-modalLink:hover,
.Navbar .Navbar-modalLink:focus,
.Navbar .Navbar-modalLink:active,
.Navbar .Navbar-modalLink.is-current {
    color: #f2ece2 !important;
    background: linear-gradient(90deg, rgba(112, 32, 39, .88), rgba(47, 25, 28, .96)) !important;
    border-color: rgba(143, 40, 48, .46) !important;
}

.Navbar .Navbar-accountDropdownLink .Navbar-accountDropdownLinkIcon,
.Navbar .Navbar-accountDropdownLink:hover .Navbar-accountDropdownLinkIcon,
.Navbar .Navbar-accountDropdownLink:focus .Navbar-accountDropdownLinkIcon,
.Navbar .Navbar-accountDropdownLink:active .Navbar-accountDropdownLinkIcon,
.Navbar .Navbar-accountDropdownLinkLabel {
    color: inherit !important;
    fill: currentColor !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid #b7aa8e !important;
    box-shadow: 0 0 0 4px rgba(170, 149, 108, .16) !important;
}

/* Interactive states: never fall back to the legacy blue theme. */
.home-button,
.home-button:link,
.home-button:visited,
.home-button:hover,
.home-button:focus,
.home-button:active,
.home-button i,
.home-button span,
.local-news__more,
.local-news__more:link,
.local-news__more:visited,
.local-news__more:hover,
.local-news__more:focus,
.local-news__more:active,
.local-news__more i,
.btn-primary,
.btn-primary:link,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary i,
.mt2cms_main_content_button,
.mt2cms_main_content_button:hover,
.mt2cms_main_content_button:focus,
.mt2cms_main_content_button:active,
.news-action-button,
.news-action-button:hover,
.news-action-button:focus,
.news-action-button:active {
    color: #f2ece2 !important;
    -webkit-text-fill-color: #f2ece2 !important;
    text-decoration: none !important;
}

.home-button--primary:hover,
.home-button--primary:focus,
.home-button--primary:active,
.local-news__more:hover,
.local-news__more:focus,
.local-news__more:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.mt2cms_main_content_button:hover,
.mt2cms_main_content_button:focus,
.mt2cms_main_content_button:active {
    background: linear-gradient(180deg, #b94449, #7b2229) !important;
    border-color: rgba(208, 104, 105, .52) !important;
}

.home-button--ghost,
.home-button--ghost:link,
.home-button--ghost:visited,
.home-button--ghost:hover,
.home-button--ghost:focus,
.home-button--ghost:active,
.home-button--ghost i {
    color: #d5d1c7 !important;
    -webkit-text-fill-color: #d5d1c7 !important;
}

.home-button--ghost:hover,
.home-button--ghost:focus,
.home-button--ghost:active {
    background: linear-gradient(180deg, #3a3d40, #202225) !important;
    border-color: rgba(176, 161, 126, .42) !important;
}

.nav-tabs > li > a,
.nav-tabs > li > a:link,
.nav-tabs > li > a:visited {
    color: #b9b4aa !important;
    background: #151719 !important;
    border-color: rgba(176, 161, 126, .18) !important;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:active,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a.active {
    color: #eee8df !important;
    background: linear-gradient(180deg, rgba(91, 39, 43, .88), rgba(35, 23, 25, .96)) !important;
    border-color: rgba(143, 40, 48, .52) !important;
}

.Navbar .Navbar-accountDropdownLink,
.Navbar .Navbar-accountDropdownLink:link,
.Navbar .Navbar-accountDropdownLink:visited {
    color: #d6d3cb !important;
    background: #0d0f11 !important;
    border-color: rgba(176, 161, 126, .14) !important;
}

.Navbar .Navbar-accountDropdownLink:hover,
.Navbar .Navbar-accountDropdownLink:focus,
.Navbar .Navbar-accountDropdownLink:active,
.Navbar .Navbar-accountDropdownLink.is-current {
    color: #f2ece2 !important;
    background: linear-gradient(90deg, rgba(112, 32, 39, .88), rgba(47, 25, 28, .96)) !important;
    border-color: rgba(143, 40, 48, .46) !important;
}

.Navbar .Navbar-accountDropdownLink .Navbar-accountDropdownLinkIcon,
.Navbar .Navbar-accountDropdownLink:hover .Navbar-accountDropdownLinkIcon,
.Navbar .Navbar-accountDropdownLink:focus .Navbar-accountDropdownLinkIcon,
.Navbar .Navbar-accountDropdownLink:active .Navbar-accountDropdownLinkIcon,
.Navbar .Navbar-accountDropdownLinkLabel {
    color: inherit !important;
    fill: currentColor !important;
}

.Navbar .Navbar-modalLink,
.Navbar .Navbar-modalLink:link,
.Navbar .Navbar-modalLink:visited {
    color: #d6d3cb !important;
    background: #0d0f11 !important;
    border-color: rgba(176, 161, 126, .14) !important;
}

.Navbar .Navbar-modalLink:hover,
.Navbar .Navbar-modalLink:focus,
.Navbar .Navbar-modalLink:active,
.Navbar .Navbar-modalLink.is-current {
    color: #f2ece2 !important;
    background: rgba(112, 32, 39, .72) !important;
    border-left-color: #a3373e !important;
}

.Navbar-items .Navbar-link.is-current,
.Navbar-items .Navbar-link:hover,
.Navbar-items .Navbar-link:focus,
.Navbar-items .Navbar-link:active {
    color: #eee8df !important;
    background: rgba(143, 40, 48, .12) !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid #b7aa8e !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 4px rgba(170, 149, 108, .16) !important;
}

a,
button,
input,
select,
textarea,
[tabindex] {
    -webkit-tap-highlight-color: rgba(143, 40, 48, .24) !important;
}

/* Usability and accessibility layer (2026-07). */
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    min-width: 320px;
    overflow-x: hidden;
}

button,
input,
select,
textarea,
.btn,
.Navbar-item,
.Navbar-account,
.Navbar-modalToggle {
    font: inherit;
}

a,
button,
input,
select,
textarea,
[tabindex] {
    -webkit-tap-highlight-color: rgba(77, 183, 255, 0.22);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #79caff !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 5px rgba(77, 183, 255, 0.2) !important;
}

.Navbar-items .Navbar-link.is-current {
    color: #fff;
    background: linear-gradient(135deg, rgba(77, 183, 255, 0.18), rgba(125, 107, 255, 0.14));
    border-radius: 999px;
}

.Navbar-items .Navbar-link.is-current .Navbar-label {
    color: #fff !important;
}

.btn,
button,
input[type="button"],
input[type="submit"],
.mt2cms_main_content_button,
.mt2-btn,
.mt2-btn-secondary {
    min-height: 44px;
    cursor: pointer;
}

button:disabled,
input:disabled,
.btn.disabled,
.btn[disabled] {
    cursor: not-allowed;
    opacity: 0.55;
    transform: none !important;
    box-shadow: none !important;
}

.st-form-control,
input,
select,
textarea {
    max-width: 100%;
}

img,
iframe,
video {
    max-width: 100%;
}

@media (max-width: 767px) {
    .support-container.grid-container {
        padding-right: 12px;
        padding-left: 12px;
    }

    .Navbar-mobile {
        min-height: 58px;
        margin: 6px 8px 0;
        border-radius: 14px;
    }

    .Navbar-mobile .Navbar-menu,
    .Navbar-mobile .Navbar-account {
        display: flex;
        min-width: 48px;
        min-height: 48px;
        align-items: center;
        justify-content: center;
    }

    .mt2-hero,
    .mt2-card,
    .mt2-feature,
    .mt2-widget,
    .mt2-sidecard {
        padding: 20px;
        border-radius: 14px;
    }

    .mt2-actions > *,
    .mt2-links > *,
    .form-actions .btn,
    form .mt2cms_main_content_button {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .table-responsive,
    .activity-feed {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table {
        min-width: 560px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

.news-action-form {
    display: inline-flex;
    margin: 0 0 0 6px;
    vertical-align: middle;
}

.news-action-button {
    display: inline-flex;
    width: 36px;
    min-height: 36px;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: #ff7186;
    background: rgba(255, 107, 129, 0.1);
    border: 1px solid rgba(255, 107, 129, 0.25);
    border-radius: 50%;
    box-shadow: none;
}

.news-action-button:hover {
    color: #fff;
    background: #d94c62;
}

.password-field {
    position: relative;
    display: block;
    width: 100%;
}

.password-field > input {
    width: 100%;
    padding-right: 52px !important;
}

.password-toggle {
    position: absolute;
    top: 50%;
    right: 5px;
    display: inline-flex;
    width: 40px;
    min-height: 40px;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: var(--m2-muted);
    background: transparent;
    border: 0;
    border-radius: 10px;
    box-shadow: none;
    transform: translateY(-50%);
}

.password-toggle:hover {
    color: #fff;
    background: rgba(77, 183, 255, 0.12);
}

.auth-form .table {
    margin-bottom: 16px;
}

.auth-form .table td:first-child {
    width: 34%;
    color: var(--m2-muted) !important;
    font-weight: 600;
}

.auth-form .alert {
    border-radius: 12px;
}

/* Home redesign: hero, metrics and quick start. */
.home-showcase {
    display: grid;
    gap: 18px;
    margin-bottom: 28px;
}

.home-hero {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(91, 169, 235, 0.28);
    border-radius: 24px;
    background: #07111f;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

.home-hero::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(104, 195, 255, 0.75), transparent);
}

.home-hero__art,
.home-hero__shade {
    position: absolute;
    inset: 0;
}

.home-hero__art {
    z-index: -2;
    background: center center / cover no-repeat url('../images/footer-bg-lg.jpg');
    filter: saturate(1.12) contrast(1.06);
    transform: scale(1.015);
}

.home-hero__shade {
    z-index: -1;
    background:
        radial-gradient(circle at 50% 36%, rgba(68, 169, 240, 0.12), transparent 32%),
        linear-gradient(90deg, rgba(2, 8, 16, 0.76) 0%, rgba(3, 11, 22, 0.46) 50%, rgba(3, 10, 20, 0.76) 100%),
        linear-gradient(0deg, rgba(3, 10, 20, 0.78), transparent 55%);
}

.home-hero__content {
    display: flex;
    min-height: 430px;
    max-width: 660px;
    margin: 0 auto;
    padding: 48px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.home-hero__status {
    display: inline-flex;
    min-height: 32px;
    padding: 0 13px;
    align-items: center;
    gap: 9px;
    color: #bff7d5;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: rgba(34, 126, 77, 0.2);
    border: 1px solid rgba(82, 211, 138, 0.32);
    border-radius: 999px;
}

.home-hero__status-dot {
    width: 8px;
    height: 8px;
    background: #52d38a;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(82, 211, 138, 0.12), 0 0 16px rgba(82, 211, 138, 0.8);
}

.home-hero__status.is-offline {
    color: #ffc0ca;
    background: rgba(170, 45, 65, 0.2);
    border-color: rgba(255, 107, 129, 0.32);
}

.home-hero__status.is-offline .home-hero__status-dot {
    background: #ff6b81;
    box-shadow: 0 0 0 4px rgba(255, 107, 129, 0.12), 0 0 16px rgba(255, 107, 129, 0.7);
}

.home-hero__eyebrow {
    margin: 24px 0 4px;
    color: #79ccef;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.home-hero h1 {
    margin: 0;
    color: #fff;
    font-family: "EasonPro", "Blizzard", Georgia, serif;
    font-size: clamp(44px, 6vw, 72px);
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: -0.035em;
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.65);
}

.home-hero__lead {
    max-width: 560px;
    margin: 20px 0 0;
    color: #bfd0e2;
    font-size: 16px;
    line-height: 1.65;
}

.home-hero__actions {
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 12px;
}

.home-button {
    display: inline-flex;
    min-height: 50px;
    padding: 0 22px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 13px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.home-button:hover,
.home-button:focus {
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}

.home-button--primary {
    color: #03121d;
    background: linear-gradient(135deg, #45b9ec, #82d9fb);
    box-shadow: 0 12px 30px rgba(40, 154, 211, .24);
}

.home-button--primary:hover,
.home-button--primary:focus {
    color: #03121d;
    background: linear-gradient(135deg, #65caf4, #a0e4ff);
    box-shadow: 0 16px 36px rgba(40, 154, 211, .34);
}

.home-button--ghost {
    background: rgba(8, 22, 39, 0.7);
    border-color: rgba(180, 215, 242, 0.24);
    backdrop-filter: blur(8px);
}

.home-button--ghost:hover,
.home-button--ghost:focus {
    background: rgba(32, 81, 119, 0.72);
    border-color: rgba(120, 200, 255, 0.42);
}

.home-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.home-metric {
    display: flex;
    min-width: 0;
    min-height: 94px;
    padding: 18px;
    align-items: center;
    gap: 14px;
    background: linear-gradient(145deg, rgba(10, 29, 51, 0.96), rgba(5, 18, 34, 0.98));
    border: 1px solid rgba(78, 145, 197, 0.22);
    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}

.home-metric > i {
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    color: #65c4ff;
    font-size: 17px;
    background: rgba(77, 183, 255, 0.1);
    border: 1px solid rgba(77, 183, 255, 0.16);
    border-radius: 12px;
}

.home-metric--online > i { color: #63dfa0; background: rgba(82, 211, 138, 0.1); }
.home-metric span { min-width: 0; color: #8ea8c1; font-size: 11px; line-height: 1.35; text-transform: uppercase; }
.home-metric strong { display: block; margin-top: 5px; color: #fff; font-size: 23px; line-height: 1; letter-spacing: -0.02em; }

.home-start {
    padding: 24px;
    background: linear-gradient(145deg, rgba(9, 27, 48, 0.94), rgba(4, 16, 30, 0.97));
    border: 1px solid rgba(78, 145, 197, 0.22);
    border-radius: 20px;
}

.home-section-heading {
    display: flex;
    margin-bottom: 20px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.home-section-heading span { color: #72c7eb; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.home-section-heading h2 { margin: 4px 0 0; color: #fff; font-size: 24px; }
.home-section-heading > a { color: #74c9ff; font-size: 13px; text-decoration: none; }
.home-section-heading > a:hover { color: #fff; }

.home-start__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.home-step {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 94px;
    padding: 18px;
    overflow: hidden;
    align-items: center;
    gap: 14px;
    color: #dce9f5;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 14px;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.home-step:hover,
.home-step:focus {
    color: #fff;
    text-decoration: none;
    background: rgba(77, 183, 255, 0.07);
    border-color: rgba(77, 183, 255, 0.3);
    transform: translateY(-2px);
}

.home-step > b { position: absolute; top: -8px; right: 8px; color: rgba(255,255,255,0.045); font-size: 52px; line-height: 1; }
.home-step > i { display: inline-flex; width: 42px; height: 42px; flex: 0 0 42px; align-items: center; justify-content: center; color: #72d0f6; background: rgba(71, 183, 233, .1); border: 1px solid rgba(88, 197, 245, .12); border-radius: 12px; }
.home-step span { position: relative; z-index: 1; min-width: 0; }
.home-step strong { display: block; color: #fff; font-size: 14px; }
.home-step small { display: block; margin-top: 5px; color: #849db6; font-size: 12px; line-height: 1.4; }

.home-showcase + .site-news { margin-top: 0; }

@media (max-width: 1100px) {
    .home-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-start__grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .home-showcase { gap: 12px; margin-right: -2px; margin-left: -2px; }
    .home-hero { min-height: 520px; border-radius: 18px; }
    .home-hero__art { background-position: center center; }
    .home-hero__shade { background: linear-gradient(0deg, rgba(3, 9, 18, 0.98) 5%, rgba(3, 9, 18, 0.82) 58%, rgba(3, 9, 18, 0.22) 100%); }
    .home-hero__content { min-height: 520px; padding: 24px 20px; justify-content: flex-end; }
    .home-hero__eyebrow { margin-top: 18px; font-size: 10px; }
    .home-hero h1 { font-size: clamp(40px, 14vw, 58px); }
    .home-hero__lead { margin-top: 14px; font-size: 14px; line-height: 1.55; }
    .home-hero__actions { width: 100%; margin-top: 22px; }
    .home-button { width: 100%; }
    .home-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .home-metric { min-height: 82px; padding: 12px; gap: 10px; }
    .home-metric > i { width: 36px; height: 36px; flex-basis: 36px; }
    .home-metric span { font-size: 9px; }
    .home-metric strong { font-size: 19px; }
    .home-start { padding: 18px 14px; border-radius: 16px; }
    .home-section-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
    .home-section-heading h2 { font-size: 21px; }
    .home-step { min-height: 84px; padding: 14px; }
}

@media (max-width: 390px) {
    .home-metrics { grid-template-columns: 1fr; }
}

/* Native site news replaces the external VK feed. */
.local-news {
    margin-bottom: 30px;
}

.local-news__heading {
    display: flex;
    margin-bottom: 16px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.local-news__heading span {
    color: #72c7eb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.local-news__heading h2 {
    margin: 4px 0 0;
    color: #fff;
    font-size: 28px;
}

.local-news__count {
    padding: 7px 11px;
    color: #7892ab;
    font-size: 11px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 999px;
}

.local-news-featured {
    position: relative;
    display: grid;
    min-height: 300px;
    margin-bottom: 14px;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr);
    background:
        radial-gradient(circle at 82% 20%, rgba(77,183,255,.11), transparent 30%),
        linear-gradient(135deg, rgba(12,34,58,.98), rgba(4,16,30,.99));
    border: 1px solid rgba(83,155,211,.28);
    border-radius: 20px;
    box-shadow: 0 18px 46px rgba(0,0,0,.25);
}

.local-news-featured.has-image {
    grid-template-columns: minmax(260px, .9fr) minmax(0, 1.15fr);
}

.local-news-featured__image {
    min-height: 300px;
    background-position: center;
    background-size: cover;
}

.local-news-featured__content {
    position: relative;
    display: flex;
    padding: 34px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.local-news__tag {
    display: inline-flex;
    min-height: 28px;
    padding: 0 10px;
    align-items: center;
    color: #83d6f7;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    background: rgba(71, 183, 233, .09);
    border: 1px solid rgba(88, 197, 245, .2);
    border-radius: 999px;
}

.local-news-featured time,
.local-news-card time {
    display: block;
    margin-top: 15px;
    color: #718ba5;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
}

.local-news-featured h3 {
    margin: 10px 0 0;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.15;
}

.local-news-featured h3 a,
.local-news-card h3 a {
    color: #fff;
    text-decoration: none;
}

.local-news-featured h3 a:hover,
.local-news-card h3 a:hover {
    color: #7fcfff;
}

.local-news-featured p {
    margin: 16px 0 0;
    color: #9eb2c7;
    line-height: 1.65;
}

.local-news__more {
    display: inline-flex;
    min-height: 42px;
    margin-top: 22px;
    padding: 0 16px;
    align-items: center;
    gap: 10px;
    color: #03121d;
    font-size: 12px;
    font-weight: 800;
    background: linear-gradient(135deg, #45b9ec, #82d9fb);
    box-shadow: 0 10px 26px rgba(40, 154, 211, .2);
    border-radius: 11px;
    text-decoration: none;
}

.local-news__more:hover { color: #03121d; text-decoration: none; background: linear-gradient(135deg, #65caf4, #a0e4ff); transform: translateY(-1px); }

.local-news-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.local-news-card {
    display: grid;
    min-width: 0;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr);
    background: linear-gradient(145deg, rgba(9,28,49,.96), rgba(4,16,30,.98));
    border: 1px solid rgba(70,135,186,.2);
    border-radius: 16px;
    transition: transform .2s ease, border-color .2s ease;
}

.local-news-card:hover {
    border-color: rgba(77,183,255,.35);
    transform: translateY(-2px);
}

.local-news-card__image {
    display: block;
    height: 170px;
    background-position: center;
    background-size: cover;
}

.local-news-card__body {
    display: flex;
    min-height: 220px;
    padding: 22px;
    flex-direction: column;
}

.local-news-card__body time { margin-top: 0; }
.local-news-card h3 { margin: 9px 0 0; font-size: 18px; line-height: 1.3; }
.local-news-card p { margin: 12px 0 16px; color: #8fa6bc; font-size: 13px; line-height: 1.6; }
.local-news-card__body > a { margin-top: auto; color: #68c2fb; font-size: 12px; font-weight: 700; text-decoration: none; }
.local-news-card__body > a:hover { color: #fff; }

.local-news-pagination {
    display: grid;
    margin-top: 18px;
    padding: 12px 16px;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    background: rgba(5,18,34,.8);
    border: 1px solid rgba(70,135,186,.17);
    border-radius: 13px;
}

.local-news-pagination a { color: #72c8ff; font-size: 12px; font-weight: 700; text-decoration: none; }
.local-news-pagination a:last-child { justify-self: end; }
.local-news-pagination strong { color: #8fa7bf; font-size: 11px; font-weight: 600; }

@media (max-width: 767px) {
    .local-news__heading { align-items: flex-start; }
    .local-news__heading h2 { font-size: 24px; }
    .local-news-featured.has-image { grid-template-columns: 1fr; }
    .local-news-featured__image { min-height: 210px; }
    .local-news-featured__content { padding: 24px 20px; }
    .local-news-featured h3 { font-size: 24px; }
    .local-news-grid { grid-template-columns: 1fr; }
    .local-news-card { grid-template-columns: 130px minmax(0, 1fr); }
    .local-news-card__image { height: 100%; min-height: 180px; }
    .local-news-card__body { min-height: 180px; padding: 17px; }
}

@media (max-width: 480px) {
    .local-news__count { display: none; }
    .local-news-card { grid-template-columns: 1fr; }
    .local-news-card__image { height: 170px; min-height: 0; }
}

/* News manager in the admin panel. */
.admin-news-link .list-group-item-text { color: #77d4ff !important; }

.admin-news-manager {
    display: grid;
    gap: 18px;
}

.admin-news-editor,
.admin-news-list {
    padding: 24px;
    background: linear-gradient(145deg, rgba(9,28,49,.97), rgba(4,16,30,.99));
    border: 1px solid rgba(73,143,196,.24);
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(0,0,0,.22);
}

.admin-news-editor__heading,
.admin-news-list__heading {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.admin-news-editor__heading span { color: #72c7eb; font-size: 10px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.admin-news-editor h2,
.admin-news-list h2 { margin: 3px 0 0; color: #fff; font-size: 23px; }
.admin-news-editor label { display: block; margin-bottom: 8px; color: #adc2d6; font-size: 12px; font-weight: 700; }
.admin-news-editor textarea { width: 100%; min-height: 280px; padding: 14px; color: #e8f3ff; background: #07182b; border: 1px solid rgba(77,183,255,.2); border-radius: 12px; }
.admin-news-list__heading > span { color: #7891aa; font-size: 11px; }

.admin-news-row {
    display: grid;
    padding: 14px 0;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 18px;
    border-top: 1px solid rgba(120,160,195,.12);
}

.admin-news-row time { display: block; margin-bottom: 4px; color: #718aa3; font-size: 10px; }
.admin-news-row strong { display: block; color: #edf6ff; font-size: 14px; }
.admin-news-row__actions { display: flex; align-items: center; gap: 7px; }
.admin-news-row__actions form { margin: 0; }

@media (max-width: 767px) {
    .admin-news-editor,
    .admin-news-list { padding: 18px 14px; border-radius: 14px; }
    .admin-news-editor__heading { align-items: flex-start; flex-direction: column; }
    .admin-news-row { grid-template-columns: 1fr; gap: 10px; }
    .admin-news-row__actions { flex-wrap: wrap; }
}

@media (max-width: 600px) {
    .auth-form .table,
    .auth-form .table tbody,
    .auth-form .table tr,
    .auth-form .table td {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .auth-form .table tr {
        margin-bottom: 14px;
    }

    .auth-form .table td {
        padding: 5px 0;
        border: 0 !important;
    }

    .auth-form .table td:first-child {
        width: 100%;
    }
}


/* Release refresh v4 */
.home-page .grid-parent.clearfix.home-page {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.home-content-container.mt2-main-column,
.home-activity-container.mt2-sidebar-column {
  float: none;
}
.home-page .grid-70,
.home-page .prefix-5.grid-25 {
  width: 100%;
  margin-left: 0;
}
.home-page .prefix-5.grid-25 {
  padding-left: 0;
}
.home-activity-container .activity-feed-surround:first-child {
  margin-top: 0;
}
.mt2-homepage-v3 {
  display: grid;
  gap: 18px;
}
.mt2-hero-clean {
  min-height: 300px;
  background: linear-gradient(135deg, rgba(7,17,31,.96), rgba(10,20,36,.9));
}
.mt2-hero-clean .mt2-hero__media {
  background-image:
    linear-gradient(90deg, rgba(4,9,16,.18) 0%, rgba(4,9,16,.6) 36%, rgba(4,9,16,.9) 100%),
    url('../images/default-background.jpg');
  background-size: cover;
  background-position: center center;
  opacity: .9;
  filter: saturate(1.05) brightness(.75);
}
.mt2-hero-clean .mt2-hero__overlay {
  background:
    radial-gradient(circle at 18% 38%, rgba(213,166,60,.16), transparent 18%),
    linear-gradient(90deg, rgba(4,8,15,.2) 0%, rgba(4,8,15,.5) 42%, rgba(4,8,15,.82) 100%);
}
.mt2-hero-clean h1 {
  margin-bottom: 0;
}
.mt2-stats-grid-tight {
  margin-top: 0;
}
.mt2-home-grid-v3 {
  grid-template-columns: minmax(0,1.45fr) minmax(320px,.8fr);
  gap: 18px;
  align-items: start;
}
.mt2-vk-wrap {
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,255,255,.02);
}
#vk_groups,
#vk_groups iframe {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 16px;
  overflow: hidden;
}
.mt2-news-side-widget {
  min-height: 100%;
}
.mt2-news-list-compact {
  gap: 12px;
}
.mt2-news-row-compact {
  grid-template-columns: minmax(0,1fr);
  padding: 16px 18px;
}
.mt2-news-row-compact .mt2-news-row__date {
  justify-self: start;
  margin-top: 6px;
}
.mt2-news-row-compact h4 {
  font-size: 18px;
  margin-bottom: 10px;
}
.mt2-news-row-compact p {
  font-size: 14px;
}
@media (max-width: 1199px) {
  .home-page .grid-parent.clearfix.home-page {
    flex-direction: column;
  }
  .mt2-home-grid-v3 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .mt2-hero-clean {
    min-height: 240px;
  }
  .mt2-hero-clean .mt2-hero__overlay {
    background: linear-gradient(180deg, rgba(4,8,15,.24) 0%, rgba(4,8,15,.62) 46%, rgba(4,8,15,.88) 100%);
  }
}


/* Fixes v5 */
.mt2-home-grid-vk-only {
  grid-template-columns: minmax(0, 1fr);
}
.mt2-vk-widget-full {
  min-width: 0;
}
@media (max-width: 767px) {
  .Navbar .Navbar-siteMenu {
    max-width: none;
    width: 100vw;
    right: 0;
    bottom: 0;
    z-index: 9999;
  }
  .Navbar .Navbar-siteMenu .Navbar-modalContent {
    margin-right: 0;
    width: 100vw;
    min-height: 100dvh;
    max-height: 100dvh;
    overflow-y: auto;
    padding-bottom: 24px;
  }
  .Navbar .Navbar-siteMenu .Navbar-modalCloseGutter {
    display: none;
  }
  .Navbar .Navbar-siteMenu .Navbar-mobileModalLogo,
  .Navbar .Navbar-siteMenu .Navbar-siteMenuLogo {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .Navbar .Navbar-siteMenu.is-open {
    display: block;
  }
  body.modal-lock,
  html.modal-lock {
    overflow: hidden;
    height: 100%;
  }
}


/* Fixes v6 */
.mt2-vk-widget-full,
.mt2-vk-wrap,
#vk_groups {
  width: 100%;
}
#vk_groups iframe {
  display: block;
}
@media (min-width: 1200px) {
  .mt2-home-grid-vk-only {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .mt2-vk-wrap {
    margin-left: -12px;
    margin-right: -12px;
    border-radius: 0;
    overflow: visible;
  }
  #vk_groups,
  #vk_groups iframe {
    border-radius: 0 !important;
  }
  .Navbar-mobile {
    position: relative;
    z-index: 10001;
  }
  .Navbar-mobile .Navbar-menu,
  .Navbar-mobile .Navbar-siteMenuIcon {
    position: relative;
    z-index: 10002;
    pointer-events: auto;
  }
  .Navbar .Navbar-siteMenu {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: 100vw !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
  }
  .Navbar .Navbar-siteMenu .Navbar-modalContent {
    width: 100vw !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 32px !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
}


/* Fixes v7 */
@media (max-width: 767px) {
  .Navbar,
  .Navbar.is-focused {
    z-index: 20000 !important;
  }

  .Navbar > .Navbar-overlay {
    background: rgba(3, 8, 18, 0.78) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }

  .Navbar .Navbar-siteMenu {
    background: rgba(4, 10, 20, 0.96) !important;
    box-shadow: none !important;
  }

  .Navbar .Navbar-siteMenu .Navbar-modalContent {
    background:
      linear-gradient(180deg, rgba(7, 17, 33, 0.98) 0%, rgba(5, 13, 26, 0.985) 100%) !important;
    box-shadow: none !important;
  }

  .Navbar .Navbar-siteMenu .Navbar-modalLink,
  .Navbar .Navbar-siteMenu .Navbar-expandableToggle,
  .Navbar .Navbar-siteMenu .Navbar-expandableItem,
  .Navbar .Navbar-siteMenu .Navbar-gamePublisherLabel {
    background: transparent !important;
  }

  .Navbar .Navbar-mobile {
    isolation: isolate;
  }
}

.site-news {
    width: 100%;
    margin-bottom: 30px;
}

.site-news__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 58px;
    margin-bottom: 0;
    padding: 0 20px;
    background: linear-gradient(110deg, rgba(23, 67, 104, 0.96), rgba(39, 48, 92, 0.96));
    border: 1px solid #315276;
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
}

.site-news__title {
    margin: 0;
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
}

.site-news__vk-link {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 15px;
    color: #07182b;
    font-size: 13px;
    font-weight: 700;
    background: linear-gradient(90deg, #46acf2, #7acbfa);
    border-radius: 18px;
    text-decoration: none;
}

.site-news__vk-link:hover {
    color: #07182b;
    background: linear-gradient(90deg, #67c0fa, #96d8ff);
    text-decoration: none;
}

.site-news__empty {
    padding: 30px;
    color: #9fb3cc;
    text-align: center;
    background: rgba(5, 20, 38, 0.82);
    border: 1px solid #1c4162;
    border-radius: 16px;
}

.site-news__empty a {
    color: #49b5ff;
}

.site-news__vk-widget {
    width: 100%;
    min-height: 180px;
    overflow: hidden;
    background: #07182b;
    border: 1px solid #315276;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.site-news__vk-widget > iframe {
    display: block;
    width: 100% !important;
    border-radius: 0 0 15px 15px;
}

.site-news-card {
    margin-bottom: 18px;
    overflow: hidden;
    color: #dce8f5;
    background:
        linear-gradient(
            145deg,
            rgba(9, 29, 51, 0.96),
            rgba(3, 17, 32, 0.98)
        );
    border: 1px solid #1c4162;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.site-news-card__top {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(72, 125, 170, 0.25);
}

.site-news-card__icon {
    display: flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #49b5ff;
    font-size: 18px;
    background: #0d3150;
    border-radius: 12px;
}

.site-news-card__heading {
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
}

.site-news-card__heading:hover {
    color: #54baff;
    text-decoration: none;
}

.site-news-card__date {
    display: block;
    margin-top: 3px;
    color: #7f9ab5;
    font-size: 12px;
}

.site-news-card__text {
    padding: 18px 20px;
    color: #d8e4f0;
    font-size: 14px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.site-news-card__gallery {
    display: grid;
    gap: 4px;
    padding: 0 20px 18px;
}

.site-news-card__gallery--1 {
    grid-template-columns: 1fr;
}

.site-news-card__gallery--2 {
    grid-template-columns: repeat(2, 1fr);
}

.site-news-card__gallery--3,
.site-news-card__gallery--4 {
    grid-template-columns: repeat(2, 1fr);
}

.site-news-card__photo {
    display: block;
    min-height: 180px;
    overflow: hidden;
    background: #07182b;
    border-radius: 10px;
}

.site-news-card__photo img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 180px;
    max-height: 480px;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.site-news-card__photo:hover img {
    transform: scale(1.02);
}

.site-news-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: rgba(2, 14, 27, 0.5);
    border-top: 1px solid rgba(72, 125, 170, 0.25);
}

.site-news-card__stats {
    display: flex;
    align-items: center;
    gap: 18px;
    color: #829bb5;
    font-size: 13px;
}

.site-news-card__stats span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.site-news-card__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    color: #07182b;
    font-size: 13px;
    font-weight: 700;
    background: #57b8f4;
    border-radius: 20px;
    text-decoration: none;
}

.site-news-card__more:hover {
    color: #07182b;
    background: #81cbf8;
    text-decoration: none;
}

@media (max-width: 767px) {
    .site-news__header {
        min-height: 52px;
        padding: 0 14px;
    }

    .site-news__title {
        font-size: 16px;
    }

    .site-news__vk-link {
        min-height: 30px;
        padding: 0 12px;
        font-size: 12px;
    }

    .site-news-card__top,
    .site-news-card__text,
    .site-news-card__footer {
        padding-right: 14px;
        padding-left: 14px;
    }

    .site-news-card__gallery {
        padding-right: 14px;
        padding-left: 14px;
    }

    .site-news-card__gallery--2,
    .site-news-card__gallery--3,
    .site-news-card__gallery--4 {
        grid-template-columns: 1fr;
    }

    .site-news-card__photo,
    .site-news-card__photo img {
        min-height: 160px;
    }
}
.admin-news-editor .ck-editor {
    --ck-border-radius: 8px;
    --ck-color-base-border: rgba(255, 255, 255, .2);
    margin-top: 8px;
}

.admin-news-editor .ck-editor__editable_inline {
    min-height: 320px;
    color: #202632;
}

.admin-news-editor .ck-content {
    font-size: 16px;
    line-height: 1.65;
}

.admin-news-editor .ck-powered-by {
    opacity: .72;
}

.news-editor-error {
    margin-top: 8px;
    color: #ff8f8f;
    font-size: 14px;
}
.news-article {
    overflow: hidden;
    border: 1px solid rgba(88, 174, 230, .2);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(10, 31, 54, .96), rgba(4, 17, 32, .98));
    box-shadow: 0 22px 70px rgba(0, 0, 0, .24);
}

.news-article__header {
    position: relative;
    padding: 34px 40px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background: radial-gradient(circle at 85% 0, rgba(46, 164, 238, .16), transparent 42%);
}

.news-article__back,
.news-article__footer a {
    color: #6ec9ff;
    font-weight: 700;
}

.news-article__meta {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 28px;
    color: #99abc1;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.news-article__meta span {
    color: #f3ce63;
}

.news-article__meta span::after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 12px;
    border-radius: 50%;
    vertical-align: middle;
    background: rgba(255, 255, 255, .35);
}

.news-article h1 {
    max-width: 760px;
    margin: 12px 0 0;
    color: #fff;
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.12;
    letter-spacing: -.025em;
}

.news-article__admin {
    display: flex;
    gap: 10px;
    margin-top: 22px;
}

.news-article__admin form {
    margin: 0;
}

.news-article__content {
    padding: 38px 40px 48px;
    color: #d5dfeb;
    font-size: 17px;
    line-height: 1.8;
}

.news-article__content > :first-child { margin-top: 0; }
.news-article__content > :last-child { margin-bottom: 0; }
.news-article__content h2,
.news-article__content h3,
.news-article__content h4 { color: #fff; }
.news-article__content a { color: #6ec9ff; text-decoration: underline; }
.news-article__content img { max-width: 100%; height: auto; border-radius: 14px; }
.news-article__content blockquote {
    margin: 28px 0;
    padding: 18px 22px;
    border-left: 3px solid #f3ce63;
    background: rgba(255, 255, 255, .04);
    color: #e7edf5;
}

.news-article__footer {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 40px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    background: rgba(0, 0, 0, .16);
}

@media (max-width: 767px) {
    .news-article { border-radius: 16px; }
    .news-article__header { padding: 24px 20px; }
    .news-article__meta { align-items: flex-start; flex-direction: column; gap: 5px; margin-top: 22px; }
    .news-article__meta span::after { display: none; }
    .news-article h1 { font-size: 32px; }
    .news-article__content { padding: 28px 20px 34px; font-size: 16px; }
    .news-article__footer { align-items: flex-start; flex-direction: column; padding: 20px; }
}

/* Lower homepage, sidebar and footer refresh (2026-07). */
.Navbar-desktop .Navbar-item.is-current {
    position: relative;
    color: #fff;
    background: rgba(64, 153, 217, .1);
}

.Navbar-desktop .Navbar-item.is-current::after {
    content: '';
    position: absolute;
    right: 22px;
    bottom: 8px;
    left: 22px;
    height: 2px;
    background: linear-gradient(90deg, #48bced, #7997ff);
    border-radius: 2px;
    box-shadow: 0 0 12px rgba(77, 183, 255, .6);
}

.Navbar-modalLink.is-current {
    color: #fff;
    background: rgba(77, 183, 255, .1);
    border-left: 3px solid #4db7ff;
}

.home-activity-container .activity-feed-surround {
    overflow: hidden;
    border: 1px solid rgba(83, 145, 197, .2);
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .18);
}

#login-nav.sidebar-login {
    padding: 20px 18px 16px;
}

.sidebar-login__field + .sidebar-login__field {
    margin-top: 14px;
}

#login-nav.sidebar-login label {
    display: block;
    margin: 0 0 7px;
    color: #b9cbdd;
    font-size: 12px;
    text-align: left;
}

#login-nav.sidebar-login .st-form-control {
    height: 44px;
    margin: 0;
    padding: 0 14px;
    border-radius: 11px;
}

#login-nav.sidebar-login .login-btn {
    min-height: 44px;
    margin-top: 17px;
    border-radius: 999px;
}

.sidebar-login__lost {
    margin: 12px 0 0;
    font-size: 12px;
    text-align: center;
}

.home-activity-container .activity-none,
.home-activity-container .activity,
.home-activity-container .tab-content {
    min-width: 0;
    overflow: hidden;
}

.home-activity-container table.table {
    width: 100%;
    min-width: 0;
    margin-bottom: 0;
    table-layout: fixed;
}

.home-activity-container table.table th,
.home-activity-container table.table td {
    padding: 9px 6px;
    overflow-wrap: anywhere;
    vertical-align: middle;
}

.home-activity-container .tab-content table.table th:first-child,
.home-activity-container .tab-content table.table td:first-child {
    display: none;
}

.home-activity-container .tab-content table.table th:nth-child(2),
.home-activity-container .tab-content table.table td:nth-child(2) {
    width: 32px;
}

.home-activity-container .tab-content table.table th:nth-child(4),
.home-activity-container .tab-content table.table td:nth-child(4) {
    width: 48px;
    text-align: center;
}

.home-activity-container .tab-content table.table th:nth-child(5),
.home-activity-container .tab-content table.table td:nth-child(5) {
    width: 52px;
    text-align: center;
}

.home-activity-container .tab-content table.table img {
    display: inline-block;
    max-width: 28px;
    height: auto;
}

.home-activity-container .activity > table.table th {
    width: auto;
    font-size: 12px;
    line-height: 1.35;
}

.home-activity-container .activity > table.table td {
    width: 42px;
    text-align: right;
}

.local-news-single-grid {
    display: grid;
    margin-bottom: 14px;
    grid-template-columns: minmax(0, 1.55fr) minmax(230px, .65fr);
    gap: 14px;
}

.local-news--single .local-news-featured {
    min-height: 264px;
    margin-bottom: 0;
}

.local-news--single .local-news-featured__content {
    padding: 30px 34px;
}

.home-community-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 264px;
    padding: 28px;
    overflow: hidden;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background:
        radial-gradient(circle at 85% 15%, rgba(74, 160, 225, .2), transparent 36%),
        linear-gradient(145deg, rgba(12, 35, 60, .98), rgba(5, 18, 34, .99));
    border: 1px solid rgba(83, 155, 211, .23);
    border-radius: 20px;
}

.home-community-card__eyebrow {
    color: #72c7eb;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.home-community-card__icon {
    display: inline-flex;
    width: 46px;
    height: 46px;
    margin-top: 18px;
    align-items: center;
    justify-content: center;
    color: #70caff;
    font-size: 21px;
    background: rgba(77, 183, 255, .11);
    border: 1px solid rgba(77, 183, 255, .18);
    border-radius: 14px;
}

.home-community-card h3 {
    margin: 16px 0 0;
    color: #fff;
    font-size: 21px;
}

.home-community-card p {
    margin: 10px 0 18px;
    color: #90a8c0;
    font-size: 13px;
    line-height: 1.55;
}

.home-community-card > a {
    color: #74c9ff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.home-community-card > a:hover {
    color: #fff;
}

.site-footer {
    position: relative;
    margin-top: 34px;
    overflow: hidden;
    color: #91a8bf;
    background:
        linear-gradient(90deg, rgba(3, 12, 23, .96), rgba(5, 19, 34, .92), rgba(3, 12, 23, .96)),
        center 38% / cover no-repeat url('../images/footer-bg-lg.jpg');
    border-top: 1px solid rgba(86, 160, 214, .22);
}

.site-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: min(760px, 80%);
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(92, 190, 255, .8), transparent);
    transform: translateX(-50%);
}

.site-footer__inner {
    position: relative;
    display: grid;
    width: min(1320px, calc(100% - 48px));
    margin: 0 auto;
    padding: 40px 0 34px;
    grid-template-columns: minmax(240px, 1.25fr) minmax(130px, .55fr) minmax(150px, .65fr) minmax(250px, .9fr);
    gap: 42px;
}

.site-footer__brand p {
    max-width: 330px;
    margin: 14px 0 0;
    color: #7891aa;
    font-size: 13px;
    line-height: 1.6;
}

.site-footer__logo {
    display: inline-block;
}

.site-footer__logo img {
    display: block;
    width: 145px;
    height: auto;
}

.site-footer__nav {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
}

.site-footer__nav strong {
    margin-bottom: 4px;
    color: #e8f2fb;
    font-size: 12px;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.site-footer__nav a,
.site-footer__soon {
    color: #8ea6bd;
    font-size: 13px;
    text-decoration: none;
}

.site-footer__nav a:hover {
    color: #fff;
}

.site-footer__soon small {
    margin-left: 5px;
    padding: 2px 6px;
    color: #75c9ee;
    font-size: 8px;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: rgba(71, 183, 233, .08);
    border: 1px solid rgba(88, 197, 245, .14);
    border-radius: 999px;
}

.site-footer__server {
    padding: 20px;
    background: rgba(8, 28, 48, .72);
    border: 1px solid rgba(80, 153, 207, .18);
    border-radius: 16px;
}

.site-footer__status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #aeeac7;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.site-footer__status > i {
    width: 7px;
    height: 7px;
    background: #52d38a;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(82, 211, 138, .1);
}

.site-footer__status.is-offline {
    color: #ffb0bd;
}

.site-footer__status.is-offline > i {
    background: #ff6b81;
    box-shadow: 0 0 0 4px rgba(255, 107, 129, .1);
}

.site-footer__server > strong {
    display: block;
    margin-top: 14px;
    color: #fff;
    font-size: 16px;
}

.site-footer__server > a {
    display: inline-flex;
    margin-top: 10px;
    align-items: center;
    gap: 7px;
    color: #72c9ff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.site-footer__server > a:hover {
    color: #fff;
}

.site-footer__bottom {
    position: relative;
    display: flex;
    width: min(1320px, calc(100% - 48px));
    min-height: 56px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    color: #607b94;
    font-size: 11px;
    border-top: 1px solid rgba(104, 155, 196, .13);
}

.site-footer__bottom .fa-globe {
    margin-right: 5px;
    color: #52bfff;
}

.site-footer__social ul {
    display: flex;
    margin: 0;
    gap: 8px;
    list-style: none;
}

@media (max-width: 980px) {
    .site-footer__inner {
        grid-template-columns: minmax(220px, 1.2fr) repeat(2, minmax(130px, .6fr));
    }

    .site-footer__server {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .Navbar-desktop .Navbar-item.is-current::after {
        display: none;
    }

    .Navbar .Navbar-siteMenu .Navbar-mobileModalLogo {
        display: none !important;
    }

    .Navbar .Navbar-siteMenu .Navbar-modalContent {
        padding-top: 68px !important;
    }

    #login-nav.sidebar-login {
        padding: 18px 16px 15px;
    }

    .local-news-single-grid {
        grid-template-columns: 1fr;
    }

    .local-news--single .local-news-featured,
    .home-community-card {
        min-height: 0;
    }

    .local-news--single .local-news-featured__content,
    .home-community-card {
        padding: 24px 20px;
    }

    .site-footer {
        margin-top: 26px;
    }

    .site-footer__inner {
        width: calc(100% - 36px);
        padding: 30px 0 26px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 18px;
    }

    .site-footer__brand,
    .site-footer__server {
        grid-column: 1 / -1;
    }

    .site-footer__logo img {
        width: 128px;
    }

    .site-footer__brand p {
        margin-top: 10px;
    }

    .site-footer__bottom {
        width: calc(100% - 36px);
        min-height: 0;
        padding: 18px 0 22px;
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }
}

/* Calm, compact lower section. */
.local-news--single .local-news-featured {
    min-height: 220px;
    margin-bottom: 0;
}

.local-news--single .local-news-featured__content {
    padding: 26px 30px;
}

.site-footer {
    margin-top: 26px;
}

.site-footer__compact {
    position: relative;
    display: grid;
    width: min(1320px, calc(100% - 48px));
    min-height: 104px;
    margin: 0 auto;
    padding: 22px 0;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 36px;
}

.site-footer__compact .site-footer__logo img {
    width: 112px;
}

.site-footer__links {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 24px;
}

.site-footer__links a {
    color: #8ea6bd;
    font-size: 12px;
    text-decoration: none;
}

.site-footer__links a:hover {
    color: #fff;
}

.site-footer__compact > .site-footer__status {
    padding: 9px 12px;
    background: rgba(8, 28, 48, .68);
    border: 1px solid rgba(80, 153, 207, .16);
    border-radius: 999px;
    white-space: nowrap;
}

.site-footer__bottom {
    min-height: 42px;
    justify-content: center;
}

@media (max-width: 767px) {
    .local-news--single .local-news-featured__content {
        padding: 22px 20px;
    }

    .site-footer__compact {
        width: calc(100% - 36px);
        min-height: 0;
        padding: 24px 0 20px;
        grid-template-columns: 1fr auto;
        gap: 20px;
    }

    .site-footer__compact .site-footer__logo img {
        width: 104px;
    }

    .site-footer__links {
        grid-column: 1 / -1;
        justify-content: flex-start;
        gap: 9px 18px;
    }

    .site-footer__compact > .site-footer__status {
        padding: 8px 10px;
        font-size: 9px;
    }

    .site-footer__bottom {
        width: calc(100% - 36px);
        min-height: 40px;
        padding: 12px 0 16px;
        align-items: center;
    }
}

/* Duskveil Iron Age — serious Metin2 visual system. */
:root {
    --iron-bg: #08090a;
    --iron-bg-soft: #0e1012;
    --iron-panel: rgba(16, 18, 20, .96);
    --iron-panel-light: rgba(24, 26, 28, .94);
    --iron-line: rgba(176, 161, 126, .22);
    --iron-line-cold: rgba(154, 166, 174, .18);
    --iron-text: #ddd9cf;
    --iron-muted: #8d9294;
    --iron-bronze: #aa956c;
    --iron-red: #8f2830;
    --iron-red-light: #b54045;
    --iron-shadow: 0 18px 55px rgba(0, 0, 0, .48);
    --m2-bg: var(--iron-bg);
    --m2-panel: var(--iron-panel);
    --m2-panel-strong: #151719;
    --m2-border: var(--iron-line);
    --m2-accent: #a9b3b9;
    --m2-accent-2: var(--iron-red);
    --m2-text: var(--iron-text);
    --m2-muted: var(--iron-muted);
    --m2-radius: 5px;
}

html {
    background: #050607;
}

body {
    color: var(--iron-text);
    background:
        linear-gradient(rgba(7, 8, 9, .94), rgba(7, 8, 9, .97)),
        center top / cover fixed no-repeat url('../images/default-background.jpg');
}

body::before {
    content: '';
    position: fixed;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 0, rgba(122, 38, 43, .11), transparent 30%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .008) 0, rgba(255, 255, 255, .008) 1px, transparent 1px, transparent 5px);
}

.Navbar-desktop,
.Navbar-mobile {
    margin-top: 0;
    background: linear-gradient(180deg, rgba(18, 20, 22, .98), rgba(9, 11, 13, .98));
    border: 0;
    border-bottom: 1px solid var(--iron-line);
    border-radius: 0;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .38);
}

.Navbar-desktop::after,
.Navbar-mobile::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(170, 149, 108, .55), transparent);
}

.Navbar-items .Navbar-item,
.Navbar-profileItems .Navbar-account {
    border-radius: 0;
    color: #bbbcc0;
    letter-spacing: .045em;
}

.Navbar-items .Navbar-item:hover,
.Navbar-profileItems .Navbar-account:hover,
.Navbar-desktop .Navbar-item.is-current {
    background: rgba(143, 40, 48, .1);
    border-radius: 0;
}

.Navbar-desktop .Navbar-item.is-current::after {
    right: 18px;
    bottom: 0;
    left: 18px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--iron-red-light), transparent);
    box-shadow: 0 0 12px rgba(181, 64, 69, .35);
}

.support-navbar-header {
    background: rgba(8, 10, 11, .92);
    border-bottom: 1px solid rgba(176, 161, 126, .12);
}

.support-nav-client a,
.support-nav-client .hover {
    color: #8f9496 !important;
}

.support-nav-client a:hover {
    color: #d8d4ca !important;
}

.support-container.grid-container {
    padding-top: 32px;
}

.home-showcase {
    gap: 14px;
}

.home-hero {
    min-height: 440px;
    background: #0a0c0e;
    border: 1px solid rgba(176, 161, 126, .28);
    border-radius: 4px;
    box-shadow: var(--iron-shadow);
}

.home-hero::after {
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, .025);
    box-shadow: inset 0 0 90px rgba(0, 0, 0, .58);
}

.home-hero__art {
    filter: saturate(.65) contrast(1.14) brightness(.82);
}

.home-hero__shade {
    background:
        radial-gradient(circle at 50% 38%, rgba(127, 35, 41, .12), transparent 31%),
        linear-gradient(90deg, rgba(5, 6, 7, .84) 0%, rgba(8, 9, 10, .42) 50%, rgba(5, 6, 7, .84) 100%),
        linear-gradient(0deg, rgba(5, 6, 7, .9), transparent 58%);
}

.home-hero__content {
    z-index: 2;
}

.home-hero__status {
    min-height: 29px;
    padding: 0 12px;
    color: #b9d6c2;
    font-size: 10px;
    background: rgba(32, 87, 55, .2);
    border-color: rgba(87, 143, 104, .34);
    border-radius: 2px;
}

/* Availability is already shown by the global notice above the page. */
.home-hero__content > .home-hero__status {
    display: none;
}

.home-hero__eyebrow,
.home-section-heading span,
.local-news__heading span {
    color: var(--iron-bronze);
    letter-spacing: .18em;
}

.home-hero h1 {
    color: #eeeae0;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 500;
    letter-spacing: .035em;
    text-shadow: 0 4px 28px #000;
}

.home-hero__lead {
    color: #aaaeb0;
}

.home-button {
    min-height: 47px;
    padding: 0 24px;
    border-radius: 3px;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.home-button--primary,
.local-news__more {
    color: #f2ece2;
    background: linear-gradient(180deg, #a3373e, #702027);
    border: 1px solid rgba(208, 104, 105, .42);
    box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 12px 28px rgba(78, 13, 18, .28);
}

.home-button--primary:hover,
.home-button--primary:focus,
.local-news__more:hover,
.local-news__more:focus {
    color: #fff;
    background: linear-gradient(180deg, #b94449, #83262c);
    border-color: rgba(226, 123, 123, .5);
    box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 15px 34px rgba(78, 13, 18, .36);
}

.home-button--ghost {
    color: #c2c4c4;
    background: linear-gradient(180deg, rgba(40, 43, 46, .92), rgba(20, 22, 24, .96));
    border-color: rgba(176, 161, 126, .25);
    border-radius: 3px;
}

.home-button--ghost:hover {
    background: linear-gradient(180deg, #35383b, #202225);
    border-color: rgba(176, 161, 126, .42);
}

.home-metrics {
    gap: 8px;
}

.home-metric {
    min-height: 82px;
    padding: 15px 17px;
    background: linear-gradient(180deg, rgba(27, 29, 31, .97), rgba(14, 16, 18, .98));
    border-color: var(--iron-line-cold);
    border-radius: 3px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .24);
}

.home-metric > i {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    color: #abb3b7;
    background: rgba(142, 153, 160, .07);
    border-color: rgba(154, 166, 174, .14);
    border-radius: 2px;
}

.home-metric--online > i {
    color: #8eb99a;
    background: rgba(70, 119, 82, .1);
}

.home-metric span {
    color: #777d80;
}

.home-metric strong {
    color: #dedbd3;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 500;
}

.home-start {
    padding: 24px;
    background: linear-gradient(145deg, rgba(22, 24, 26, .98), rgba(11, 13, 15, .99));
    border-color: var(--iron-line);
    border-radius: 4px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .28);
}

.home-section-heading h2,
.local-news__heading h2 {
    color: #dcd8ce;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 400;
}

.home-step {
    min-height: 88px;
    background: linear-gradient(180deg, rgba(35, 37, 39, .68), rgba(18, 20, 22, .72));
    border-color: rgba(176, 161, 126, .14);
    border-radius: 2px;
}

.home-step:hover,
.home-step:focus {
    background: linear-gradient(180deg, rgba(57, 36, 38, .74), rgba(27, 22, 24, .8));
    border-color: rgba(143, 40, 48, .48);
}

.home-step > i {
    color: #aaa18f;
    background: rgba(170, 149, 108, .07);
    border-color: rgba(170, 149, 108, .13);
    border-radius: 2px;
}

.home-step > b {
    color: rgba(255, 255, 255, .025);
    font-family: Georgia, 'Times New Roman', serif;
}

.home-step strong {
    color: #d6d3cb;
}

.home-step small {
    color: #7f8486;
}

.local-news {
    margin-top: 32px;
}

.local-news__count {
    color: #818689;
    background: rgba(255, 255, 255, .025);
    border-color: var(--iron-line-cold);
    border-radius: 2px;
}

.local-news-featured,
.local-news-card {
    background:
        linear-gradient(145deg, rgba(24, 26, 28, .98), rgba(12, 14, 16, .99));
    border-color: var(--iron-line);
    border-radius: 4px;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .3);
}

.local-news-featured::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--iron-red-light), #4f171d);
}

.local-news__tag {
    color: #b7aa8e;
    background: rgba(170, 149, 108, .07);
    border-color: rgba(170, 149, 108, .2);
    border-radius: 2px;
}

.local-news-featured h3,
.local-news-card h3 {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 400;
}

.local-news-featured h3 a,
.local-news-card h3 a {
    color: #dedad0;
}

.local-news-featured h3 a:hover,
.local-news-card h3 a:hover,
.local-news-card__body > a {
    color: #bd6a6c;
}

.local-news-featured p,
.local-news-card p {
    color: #8c9193;
}

.local-news__more {
    min-height: 40px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.activity-feed,
.activity-feed-surround {
    background: linear-gradient(180deg, rgba(21, 23, 25, .98), rgba(11, 13, 15, .99)) !important;
    border-color: var(--iron-line) !important;
    border-radius: 4px !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .3);
}

.activity-header {
    min-height: 52px;
    color: #bbb8b0 !important;
    background: linear-gradient(90deg, rgba(58, 31, 34, .86), rgba(27, 29, 31, .96));
    border-bottom-color: var(--iron-line);
    border-radius: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 14px;
    font-weight: 400;
}

.activity-header .fa {
    color: #a66a6c;
}

.nav-tabs {
    border-bottom-color: var(--iron-line);
}

.nav-tabs > li > a {
    background: rgba(255, 255, 255, .025);
    border-color: var(--iron-line-cold);
    border-radius: 2px 2px 0 0;
}

.nav-tabs > li > a.active,
.nav-tabs > li.active > a {
    background: rgba(143, 40, 48, .13);
    border-color: rgba(143, 40, 48, .38);
}

.home-activity-container .table thead th {
    color: #777c7f !important;
}

.home-activity-container .table td,
.home-activity-container .table th {
    border-top-color: rgba(176, 161, 126, .1) !important;
}

.st-form-control,
#login-nav.sidebar-login .st-form-control {
    color: #d8d4cc;
    background: #0d0f11;
    border-color: rgba(176, 161, 126, .2);
    border-radius: 2px;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, .38);
}

.st-form-control:focus,
#login-nav.sidebar-login .st-form-control:focus {
    border-color: rgba(181, 64, 69, .65);
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, .38), 0 0 0 2px rgba(143, 40, 48, .14);
}

#login-nav.sidebar-login .login-btn,
.btn-primary,
.mt2cms_main_content_button {
    color: #eee8df !important;
    background: linear-gradient(180deg, #8f2d34, #641b22) !important;
    border: 1px solid rgba(181, 72, 76, .35) !important;
    border-radius: 2px !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 10px 24px rgba(52, 7, 12, .28);
}

.btn,
.mt2-btn,
.mt2-btn-secondary {
    border-radius: 2px !important;
}

.site-footer {
    color: #777c7f;
    background:
        linear-gradient(90deg, rgba(8, 9, 10, .97), rgba(18, 20, 22, .94), rgba(8, 9, 10, .97)),
        center 38% / cover no-repeat url('../images/footer-bg-lg.jpg');
    border-top-color: var(--iron-line);
}

.site-footer::before {
    background: linear-gradient(90deg, transparent, rgba(170, 149, 108, .45), transparent);
}

.site-footer__links a {
    color: #858a8c;
}

.site-footer__links a:hover {
    color: #d5d1c7;
}

.site-footer__bottom {
    color: #5f6466;
    border-top-color: rgba(176, 161, 126, .12);
}

.news-article,
.admin-news-editor,
.admin-news-list,
.Card,
.list-group-item,
.auth-form,
.page-hd {
    background: linear-gradient(145deg, rgba(22, 24, 26, .98), rgba(11, 13, 15, .99));
    border-color: var(--iron-line);
    border-radius: 4px;
    box-shadow: var(--iron-shadow);
}

.news-article h1,
.news-article__content h2,
.news-article__content h3,
.admin-news-editor h2,
.admin-news-list h2,
.page-hd h2 {
    color: #dedad0;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 400;
}

.news-article__back,
.news-article__footer a,
.news-article__content a {
    color: #bd6a6c;
}

@media (max-width: 767px) {
    .support-container.grid-container {
        padding-top: 18px;
    }

    .Navbar-mobile {
        border-radius: 0;
    }

    .home-hero {
        min-height: 500px;
        border-radius: 3px;
    }

    .home-hero__content {
        min-height: 500px;
    }

    .home-hero h1 {
        font-size: clamp(40px, 13vw, 54px);
    }

    .home-button {
        min-height: 48px;
    }

    .home-metric,
    .home-start,
    .home-step,
    .local-news-featured,
    .local-news-card,
    .activity-feed-surround {
        border-radius: 3px !important;
    }

    .local-news {
        margin-top: 26px;
    }
}

/* Late interactive pass: override vendor hover, active and visited colors. */
.home-button,
.home-button:visited,
.home-button:hover,
.home-button:focus,
.home-button:active,
.home-button i,
.local-news__more,
.local-news__more:visited,
.local-news__more:hover,
.local-news__more:focus,
.local-news__more:active,
.local-news__more i,
.btn-primary,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary i {
    color: #f2ece2 !important;
    -webkit-text-fill-color: #f2ece2 !important;
    text-decoration: none !important;
}

.home-button--ghost,
.home-button--ghost:visited,
.home-button--ghost:hover,
.home-button--ghost:focus,
.home-button--ghost:active,
.home-button--ghost i {
    color: #d5d1c7 !important;
    -webkit-text-fill-color: #d5d1c7 !important;
}

.nav-tabs > li > a,
.nav-tabs > li > a:visited {
    color: #b9b4aa !important;
    background: #151719 !important;
    border-color: rgba(176, 161, 126, .18) !important;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:active,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a.active {
    color: #eee8df !important;
    background: linear-gradient(180deg, rgba(91, 39, 43, .88), rgba(35, 23, 25, .96)) !important;
    border-color: rgba(143, 40, 48, .52) !important;
}

.Navbar .Navbar-accountDropdownLink,
.Navbar .Navbar-accountDropdownLink:visited,
.Navbar .Navbar-modalLink,
.Navbar .Navbar-modalLink:visited {
    color: #d6d3cb !important;
    background: #0d0f11 !important;
}

.Navbar .Navbar-accountDropdownLink:hover,
.Navbar .Navbar-accountDropdownLink:focus,
.Navbar .Navbar-accountDropdownLink:active,
.Navbar .Navbar-accountDropdownLink.is-current,
.Navbar .Navbar-modalLink:hover,
.Navbar .Navbar-modalLink:focus,
.Navbar .Navbar-modalLink:active,
.Navbar .Navbar-modalLink.is-current {
    color: #f2ece2 !important;
    background: linear-gradient(90deg, rgba(112, 32, 39, .88), rgba(47, 25, 28, .96)) !important;
    border-color: rgba(143, 40, 48, .46) !important;
}

.Navbar .Navbar-accountDropdownLink .Navbar-accountDropdownLinkIcon,
.Navbar .Navbar-accountDropdownLink:hover .Navbar-accountDropdownLinkIcon,
.Navbar .Navbar-accountDropdownLink:focus .Navbar-accountDropdownLinkIcon,
.Navbar .Navbar-accountDropdownLink:active .Navbar-accountDropdownLinkIcon,
.Navbar .Navbar-accountDropdownLinkLabel {
    color: inherit !important;
    fill: currentColor !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid #b7aa8e !important;
    box-shadow: 0 0 0 4px rgba(170, 149, 108, .16) !important;
}

/* Account pages and remaining Bootstrap info controls. */
.btn-info,
.btn-info:link,
.btn-info:visited,
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info.disabled,
.btn-info.disabled:hover {
    color: #f2ece2 !important;
    -webkit-text-fill-color: #f2ece2 !important;
    background: linear-gradient(180deg, #a3373e, #702027) !important;
    border-color: rgba(181, 72, 76, .46) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 10px 24px rgba(52, 7, 12, .24) !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
    background: linear-gradient(180deg, #b94449, #7b2229) !important;
}

.btn-info .badge {
    color: #eee8df !important;
    background: rgba(255, 255, 255, .1) !important;
}

.home-activity-container .activity > a.forum-content,
.home-activity-container .activity > a.forum-content:link,
.home-activity-container .activity > a.forum-content:visited {
    color: #d6d3cb !important;
    background: #0d0f11 !important;
    border-color: rgba(176, 161, 126, .14) !important;
}

.home-activity-container .activity > a.forum-content:hover,
.home-activity-container .activity > a.forum-content:focus,
.home-activity-container .activity > a.forum-content:active,
.home-activity-container .activity > a.forum-content.is-active,
.home-activity-container .activity.active > a.forum-content {
    color: #f2ece2 !important;
    background: linear-gradient(90deg, rgba(112, 32, 39, .9), rgba(47, 25, 28, .98)) !important;
    border-color: rgba(143, 40, 48, .48) !important;
}

.home-activity-container .activity > a.forum-content .title,
.home-activity-container .activity > a.forum-content .user_panel_buttons_icon {
    color: inherit !important;
}

.user_panel_buttons_row,
.user_panel_buttons_row:visited {
    color: #d6d3cb !important;
    background: #0d0f11 !important;
    border-color: rgba(176, 161, 126, .14) !important;
}

.user_panel_buttons_row:hover,
.user_panel_buttons_row:focus,
.user_panel_buttons_row:active,
.user_panel_buttons_row.active {
    color: #f2ece2 !important;
    background: linear-gradient(90deg, rgba(112, 32, 39, .9), rgba(47, 25, 28, .98)) !important;
    border-color: rgba(143, 40, 48, .48) !important;
}

/* Final specificity pass: legacy components must follow the Iron palette. */
.background-theme-default {
    opacity: 1 !important;
    filter: none !important;
    background: radial-gradient(circle at 50% 0, rgba(122, 38, 43, .09), transparent 34%), linear-gradient(180deg, #090b0d, #050607 58%, #030405) !important;
}

.Card,
.Card.is-primary,
.Card.Card--transparent,
.Card.Home-topStoriesFeaturedCard,
.Navbar-modalContent,
.Navbar-accountDropdown,
.Navbar-esportsDropdown,
.Pane-content {
    color: #dedbd3 !important;
    background: linear-gradient(145deg, rgba(22, 24, 26, .98), rgba(10, 12, 14, .99)) !important;
    border-color: rgba(176, 161, 126, .18) !important;
}

.table thead th,
.table > thead > tr > th,
.table .thead-inverse th,
.thead-inverse th {
    color: #aaa18f !important;
    background: linear-gradient(180deg, #1a1c1e, #121416) !important;
    border-color: rgba(176, 161, 126, .18) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, .018) !important;
}

.table-hover tbody tr:hover,
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background: rgba(143, 40, 48, .08) !important;
}

a.nav,
.nav > a.nav {
    color: #d8d4ca !important;
    background: linear-gradient(180deg, #1b1d1f, #111315) !important;
    border-color: rgba(176, 161, 126, .2) !important;
}

a.nav:hover,
a.nav:focus {
    color: #eee8df !important;
    background: linear-gradient(180deg, rgba(91, 39, 43, .72), rgba(38, 24, 27, .9)) !important;
}

.support-navbar-header .stss,
.Navbar-menu,
.Navbar-account,
.Navbar-icon,
.activity-header .fa,
.page-hd .fa {
    color: #aa956c !important;
    fill: currentColor !important;
}

.Card a:not(.btn):not(.nav),
.auth-form a,
.sidebar-login__lost a,
.activity a:not(.btn),
.mt2cms_main_box_middle_content_label a {
    color: #bd6a6c !important;
}

.home-step,
.home-step span,
.home-step strong,
.news-article__content,
.news-article__content p {
    color: #d8d4ca !important;
}

.local-news-featured time,
.local-news-card time,
.news-article__meta,
.news-article__meta time {
    color: #7f8486 !important;
}

.alert-info {
    color: #d6d0c5 !important;
    background: rgba(170, 149, 108, .08) !important;
    border-color: rgba(170, 149, 108, .24) !important;
}

.badge-info,
.tag-info,
.label-info,
.text-info {
    color: #c5b693 !important;
    background-color: rgba(170, 149, 108, .12) !important;
    border-color: rgba(170, 149, 108, .24) !important;
}

.pagination > li > a,
.pagination > li > span,
.page-link {
    color: #bbb8b0 !important;
    background: #121416 !important;
    border-color: rgba(176, 161, 126, .18) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.page-item.active .page-link,
.progress-bar,
.custom-control-input:checked ~ .custom-control-label::before {
    color: #f2ece2 !important;
    background: #702027 !important;
    border-color: #8f2d34 !important;
}

.st-form-control:-webkit-autofill,
.st-form-control:-webkit-autofill:hover,
.st-form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: #dedbd3 !important;
    caret-color: #dedbd3;
    box-shadow: 0 0 0 1000px #0d0f11 inset !important;
    transition: background-color 9999s ease-out 0s;
}

.admin-news-editor textarea,
.admin-news-editor input,
.admin-news-editor select,
.admin-news-editor .ck-editor__editable,
.auth-form input,
.auth-form select,
.auth-form textarea {
    color: #dedbd3 !important;
    background: #0d0f11 !important;
    border-color: rgba(176, 161, 126, .2) !important;
}

.Navbar-button,
.Navbar-accountDropdownButtonLink .Navbar-button {
    color: #eee8df !important;
    background: linear-gradient(180deg, #8f2d34, #641b22) !important;
    border-color: rgba(181, 72, 76, .38) !important;
}
.yookassa-donate {
  padding: 26px !important;
}

.yookassa-donate__intro {
  margin-bottom: 22px;
}

.yookassa-donate__intro h3 {
  margin: 12px 0 8px;
}

.yookassa-donate__badge {
  display: inline-block;
  padding: 5px 10px;
  color: #ffdca0;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid rgba(255, 180, 70, .35);
  border-radius: 999px;
  background: rgba(145, 82, 8, .22);
}

.yookassa-donate__packages {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.yookassa-package {
  cursor: pointer;
}

.yookassa-package input {
  position: absolute;
  opacity: 0;
}

.yookassa-package span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 88px;
  padding: 12px;
  color: #dce9ff;
  border: 1px solid rgba(88, 137, 214, .28);
  border-radius: 10px;
  background: rgba(7, 20, 39, .72);
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.yookassa-package small {
  margin-top: 5px;
  color: #9fb6d8;
}

.yookassa-package input:checked + span {
  border-color: #3a8cff;
  background: rgba(36, 117, 223, .24);
  box-shadow: 0 0 0 2px rgba(58, 140, 255, .12);
  transform: translateY(-2px);
}

.yookassa-donate__submit {
  min-height: 44px;
  padding-right: 24px;
  padding-left: 24px;
}

.yookassa-donate__terms {
  margin: 18px 0 0;
  color: #a9bfdc;
  font-size: 13px;
}

@media (max-width: 900px) {
  .yookassa-donate__packages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .yookassa-donate {
    padding: 16px !important;
  }

  .yookassa-donate__packages {
    grid-template-columns: 1fr;
  }

  .yookassa-package span {
    min-height: 68px;
  }

  .yookassa-donate__submit {
    width: 100%;
  }
}

.payment-log__summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 260px));
  gap: 14px;
  margin-bottom: 18px;
}

.payment-log__toolbar {
  margin-bottom: 16px;
}

.payment-log__setup {
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid rgba(176, 161, 126, .22);
  border-radius: 8px;
  background: rgba(170, 149, 108, .07);
}

.payment-log__setup > strong,
.payment-log__setup > span {
  display: block;
}

.payment-log__setup > span {
  margin: 5px 0 12px;
  color: #aaa79f;
}

.payment-log__setup .btn {
  margin: 0 6px 6px 0;
}

.payment-log__summary > div {
  padding: 16px;
  border: 1px solid rgba(176, 161, 126, .2);
  border-radius: 8px;
  background: rgba(12, 14, 16, .72);
}

.payment-log__summary span,
.payment-log__summary strong,
.payment-log td small {
  display: block;
}

.payment-log__summary span,
.payment-log td small,
.payment-log__muted {
  color: #969a9c;
}

.payment-log__summary strong {
  margin-top: 5px;
  color: #eee8df;
  font-size: 20px;
}

.payment-log__table-wrap {
  overflow-x: auto;
}

.payment-log__table {
  min-width: 980px;
}

.payment-log__table code {
  color: #c9b98f;
  font-size: 11px;
  word-break: break-all;
}

.payment-badge {
  display: inline-block;
  margin: 0 4px 4px 0;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

.payment-badge--test {
  color: #ffdca0;
  background: rgba(145, 82, 8, .28);
}

.payment-badge--success,
.payment-badge--receipt {
  color: #bcebc8;
  background: rgba(37, 126, 65, .25);
}

.payment-badge--pending {
  color: #e5c6a5;
  background: rgba(138, 85, 38, .24);
}

.payment-log__action {
  margin-top: 6px;
}

@media (max-width: 760px) {
  .payment-log__summary {
    grid-template-columns: 1fr;
  }

  .payment-log__table {
    min-width: 0;
  }

  .payment-log__table thead {
    display: none;
  }

  .payment-log__table,
  .payment-log__table tbody,
  .payment-log__table tr,
  .payment-log__table td {
    display: block;
    width: 100%;
  }

  .payment-log__table tr {
    margin-bottom: 14px;
    padding: 8px 12px;
    border: 1px solid rgba(176, 161, 126, .18);
    border-radius: 8px;
  }

  .payment-log__table td {
    padding: 8px 0 !important;
    border-top: 1px solid rgba(176, 161, 126, .1) !important;
  }

  .payment-log__table td::before {
    display: block;
    margin-bottom: 3px;
    color: #8d9193;
    content: attr(data-label);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
  }
}