:root {
  --eg-bg-main: #11151c;
  --eg-bg-deep: #11151c;
  --eg-bg-soft: #161d27;
  --eg-header: rgba(17, 21, 28, 0.94);
  --eg-sidebar: rgba(26, 33, 44, 0.97);
  --eg-card: #1a212c;
  --eg-card-soft: #1e2734;
  --eg-card-hover: #243143;
  --eg-border: #2b3544;
  --eg-border-soft: rgba(148, 163, 184, 0.08);
  --eg-border-hover: rgba(122, 167, 217, 0.32);
  --eg-text-main: #e4eaf2;
  --eg-text-soft: #a5b0bf;
  --eg-text-muted: #9ba8ba;
  --eg-red: #7aa7d9;
  --eg-red-hover: #91b8e3;
  --eg-red-dark: #7099c7;
  --eg-red-soft: rgba(122, 167, 217, 0.13);
  --eg-red-border: rgba(122, 167, 217, 0.38);
  --eg-cyan: #7aa7d9;
  --eg-blue: #7099c7;
  --eg-violet: #a78bfa;
  --eg-success: #22c55e;
  --eg-warning: #f59e0b;
  --eg-danger: #fb7185;
  --eg-gold: #fbbf24;
  --eg-glow-cyan: rgba(122, 167, 217, 0.12);
  --eg-glow-blue: rgba(112, 153, 199, 0.10);
  --eg-glow-violet: rgba(167, 139, 250, 0.12);
  --eg-shadow-card: 0 18px 42px rgba(0, 0, 0, 0.34);
  --eg-shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.24);

  --main-bg: #11151c;
  --accent: #7aa7d9;
  --accent-light: #a6c7eb;
  --divider: #2b3544;
  --hover: #243143;
  --card2: #1a212c;
  --statics: #9ba8ba;
  --text-white: #e4eaf2;
  --text-second: #a5b0bf;
}

html body {
  background:
    radial-gradient(circle at 18% 0%, rgba(122, 167, 217, 0.040), transparent 32%),
    radial-gradient(circle at 88% 8%, rgba(255, 255, 255, 0.025), transparent 28%),
    linear-gradient(180deg, var(--eg-bg-main) 0%, var(--eg-bg-deep) 100%) !important;
  color: var(--eg-text-main) !important;
}

* {
  scrollbar-color: rgba(122, 167, 217, 0.32) rgba(255, 255, 255, 0.035);
}

.logo-svg {
  filter: drop-shadow(0 0 5px rgba(122, 167, 217, 0.08)) !important;
}

.logo-svg path {
  animation: none !important;
  stroke: rgba(228, 234, 242, 0.78) !important;
}

.logo-svg path:last-child {
  stroke: var(--eg-red) !important;
}

.pn-site-topbar {
  background:
    linear-gradient(180deg, rgba(17, 21, 28, 0.98), rgba(17, 21, 28, 0.98)) !important;
  border-bottom-color: rgba(220, 228, 238, 0.10) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28), inset 0 -1px 0 rgba(122, 167, 217, 0.08) !important;
  backdrop-filter: blur(16px);
}

.left_menu {
  background:
    linear-gradient(180deg, rgba(26, 33, 44, 0.98), rgba(17, 21, 28, 0.99)) !important;
  border-color: rgba(220, 228, 238, 0.09) !important;
  box-shadow: 12px 0 32px rgba(0, 0, 0, 0.22), inset -1px 0 0 rgba(122, 167, 217, 0.06) !important;
}

.pn-top-action,
.pn-top-auth,
.pn-top-menu-toggle,
.pn-top-socials a,
.info-line,
.dop-btn,
.sidebar-profile-action,
.pn-sidebar-promo em,
.read-more,
.pn-home-news-add,
.monitoring-card-filter button,
.server-tab,
.nav-tabs .nav-link,
.btn,
button {
  box-shadow: none !important;
  text-shadow: none !important;
}

.pn-top-action,
.pn-top-auth,
.pn-top-menu-toggle,
.pn-top-socials a,
.dop-btn,
.sidebar-profile-action,
.pn-sidebar-promo em,
.read-more,
.pn-home-news-add {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: var(--eg-border) !important;
  color: var(--eg-text-soft) !important;
}

.pn-top-action:hover,
.pn-top-auth:hover,
.pn-top-menu-toggle:hover,
.pn-top-socials a:hover,
.dop-btn:hover,
.sidebar-profile-action:hover,
.pn-sidebar-promo em:hover,
.read-more:hover,
.pn-home-news-add:hover {
  background: rgba(122, 167, 217, 0.10) !important;
  border-color: var(--eg-border-hover) !important;
  color: var(--eg-text-main) !important;
}

.pn-top-balance,
.pn-home-news-add,
.read-more {
  background: rgba(122, 167, 217, 0.09) !important;
  border-color: rgba(122, 167, 217, 0.22) !important;
  color: var(--eg-cyan) !important;
}

.pn-top-balance-plus {
  background: linear-gradient(135deg, var(--eg-red), var(--eg-red-dark)) !important;
  color: #11151c !important;
  box-shadow: 0 8px 18px rgba(122, 167, 217, 0.18) !important;
}

.info-line {
  background: rgba(122, 167, 217, 0.08) !important;
  border-color: rgba(122, 167, 217, 0.22) !important;
  color: var(--eg-text-soft) !important;
}

.info-line::before {
  background: var(--eg-red) !important;
  box-shadow: 0 0 10px rgba(122, 167, 217, 0.28) !important;
}

.pn-rail-link,
.sidebar-auth-link,
.social_btn,
.pn-profile-menu-item {
  color: var(--eg-text-soft) !important;
  text-shadow: none !important;
}

.pn-rail-link:hover,
.pn-rail-link.active,
.sidebar-auth-link:hover,
.social_btn:hover,
.pn-profile-menu-item:hover {
  background: rgba(122, 167, 217, 0.08) !important;
  color: var(--eg-text-main) !important;
}

.pn-rail-link.active::before,
.left_menu .active::before {
  background: var(--eg-cyan) !important;
  box-shadow: 0 0 10px rgba(122, 167, 217, 0.22) !important;
}

.pn-sidebar-promo {
  background:
    radial-gradient(circle at 85% 25%, rgba(122, 167, 217, 0.12), transparent 38%),
    rgba(26, 33, 44, 0.82) !important;
  border-color: rgba(122, 167, 217, 0.16) !important;
  box-shadow: none !important;
}

.pn-sidebar-promo strong,
.pn-sidebar-promo-kicker {
  color: #d9e7f7 !important;
  text-shadow: none !important;
}

.banner_top .top_donators,
.top_donators,
.pn-home-live-card,
.news-card,
.stat-card,
.server,
.two-server,
.monitoring-card,
.pn-home-useful-card,
.useful-card,
.shop_card,
.pn-profile-menu,
.pn-top-notifications,
.notifications-dropdown,
.profile-dropdown-menu,
.online-users-popover {
  background: linear-gradient(180deg, rgba(26, 33, 44, 0.96), rgba(26, 33, 44, 0.98)) !important;
  border-color: var(--eg-border) !important;
  box-shadow: var(--eg-shadow-soft) !important;
}

.news-card:hover,
.stat-card:hover,
.server:hover,
.two-server:hover,
.monitoring-card:hover,
.pn-home-useful-card:hover,
.useful-card:hover,
.shop_card:hover {
  border-color: var(--eg-border-hover) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.3) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.block_head,
.nav_icon,
.news-card-title,
.server_name,
.monitoring-card-title,
.pn-home-useful-title,
.pn-home-live-title,
.top_donators .title,
.section-title {
  color: var(--eg-text-main) !important;
  text-shadow: none !important;
}

p,
small,
.news-card-short,
.news-card-meta,
.server_map,
.server-meta,
.pn-sidebar-promo small,
.pn-home-live-subtitle,
.pn-home-useful-subtitle,
.pn-home-useful-caption,
.top_donators .sub,
.text-muted {
  color: var(--eg-text-soft) !important;
  text-shadow: none !important;
}

.monitoring-card-filter button,
.server-tab,
.nav-tabs .nav-link {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: var(--eg-border) !important;
  color: var(--eg-text-soft) !important;
}

.monitoring-card-filter button:hover,
.server-tab:hover,
.nav-tabs .nav-link:hover {
  background: rgba(122, 167, 217, 0.085) !important;
  border-color: var(--eg-border-hover) !important;
  color: var(--eg-text-main) !important;
}

.monitoring-card-filter button.active,
.server-tab.active,
.nav-tabs .nav-link.active {
  background: rgba(122, 167, 217, 0.16) !important;
  border-color: rgba(122, 167, 217, 0.32) !important;
  color: var(--eg-text-main) !important;
}

.monitoring-card::before,
.server::before,
.two-server::before {
  background:
    linear-gradient(90deg, rgba(17, 21, 28, 0.86), rgba(17, 21, 28, 0.56)),
    linear-gradient(180deg, transparent, rgba(17, 21, 28, 0.7)) !important;
}

.btn-primary,
.connect-btn,
.hero-slide-btn,
.pn-banner-button {
  background: linear-gradient(135deg, rgba(122, 167, 217, 0.90), rgba(112, 153, 199, 0.86)) !important;
  color: #f8fbff !important;
  border-color: rgba(122, 167, 217, 0.24) !important;
  box-shadow: 0 10px 24px rgba(122, 167, 217, 0.14) !important;
}

.btn-primary:hover,
.connect-btn:hover,
.hero-slide-btn:hover,
.pn-banner-button:hover {
  filter: brightness(1.04);
  box-shadow: 0 12px 28px rgba(122, 167, 217, 0.20) !important;
}

.head_icon,
.section-title-icon,
.pn-home-live-icon {
  background: rgba(122, 167, 217, 0.10) !important;
  border-color: rgba(122, 167, 217, 0.22) !important;
  color: var(--eg-cyan) !important;
  box-shadow: none !important;
}

.pn-notify-badge,
.sidebar-profile-badge {
  background: var(--eg-danger) !important;
  box-shadow: 0 0 10px rgba(251, 113, 133, 0.18) !important;
}

.badge-success,
.server-online,
.status-online {
  color: var(--eg-success) !important;
}

.badge-gold {
  color: var(--eg-gold) !important;
}

.badge-vip {
  color: #cdbbff !important;
}

.pn-profile-menu,
.pn-top-notifications,
.notifications-dropdown,
.profile-dropdown-menu,
.online-users-popover {
  background: rgba(26, 33, 44, 0.98) !important;
  border-color: var(--eg-border) !important;
  box-shadow: var(--eg-shadow-card) !important;
}

                                                                              
html body .left_menu .collapsible-menu,
html body.pn-full-menu-open .left_menu .collapsible-menu {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html body .left_menu .pn-sidebar-head,
html body .left_menu .menu_btn {
  background: rgba(255, 255, 255, 0.025) !important;
  border-color: var(--eg-border-soft) !important;
}

html body .banner_top .top_donators,
html body .top_donators,
html body .pn-home-live-card {
  background:
    radial-gradient(circle at 88% 0%, rgba(122, 167, 217, 0.045), transparent 34%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.98), rgba(17, 21, 28, 0.99)) !important;
  border-color: rgba(148, 163, 184, 0.11) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
}

html body .donator_card,
html body .pn-home-clan-card,
html body .pn-home-clans-mini,
html body .pn-home-clans-hero,
html body .pn-cases-home-wins-shell [class*="item"],
html body .pn-cases-home-wins-shell [class*="card"] {
  background: rgba(255, 255, 255, 0.032) !important;
  border-color: rgba(148, 163, 184, 0.09) !important;
  box-shadow: none !important;
}

html body .donator_card:hover,
html body .pn-home-clan-card:hover,
html body .pn-home-clans-mini:hover,
html body .pn-home-clans-hero:hover {
  background: rgba(122, 167, 217, 0.065) !important;
  border-color: rgba(122, 167, 217, 0.22) !important;
}

html body .pn-home-live-card-cases {
  background:
    radial-gradient(circle at 8% 0%, rgba(122, 167, 217, 0.045), transparent 30%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.98), rgba(17, 21, 28, 0.99)) !important;
}

                                                                                                                   
html body .left_menu,
html body.pn-sidebar-collapsed .left_menu {
  background:
    radial-gradient(circle at 100% 0%, rgba(122, 167, 217, 0.030), transparent 34%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.985), rgba(17, 21, 28, 0.99)) !important;
  border-right: 1px solid rgba(220, 228, 238, 0.09) !important;
  box-shadow: inset -1px 0 0 rgba(122, 167, 217, 0.055), 12px 0 32px rgba(0, 0, 0, 0.18) !important;
}

html body .left_menu::before,
html body .left_menu::after {
  content: none !important;
  display: none !important;
}

html body .left_menu > .pn-static-rail,
html body.pn-sidebar-collapsed .left_menu > .pn-static-rail {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .left_menu > .pn-static-rail::before,
html body .left_menu > .pn-static-rail::after {
  content: none !important;
  display: none !important;
}

html body .left_menu .pn-rail-link {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #aeb9c8 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body .left_menu .pn-rail-link svg {
  color: #a5b0bf !important;
}

html body .left_menu .pn-rail-link:hover {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(148, 163, 184, 0.1) !important;
  color: #e4eaf2 !important;
}

html body .left_menu .pn-rail-link:hover svg {
  color: #cbd5e1 !important;
}

html body .left_menu .pn-rail-link.active {
  background:
    linear-gradient(90deg, rgba(122, 167, 217, 0.15), rgba(122, 167, 217, 0.035)) !important;
  border-color: rgba(122, 167, 217, 0.20) !important;
  color: #f4f8fc !important;
  box-shadow: inset 3px 0 0 rgba(122, 167, 217, 0.95) !important;
}

html body .left_menu .pn-rail-link.active svg {
  color: var(--eg-cyan) !important;
}

html body .left_menu .pn-rail-link.active::before,
html body .left_menu .pn-rail-link.active::after {
  content: none !important;
  display: none !important;
}

html body .left_menu > .pn-sidebar-promo {
  background:
    radial-gradient(circle at 92% 25%, rgba(122, 167, 217, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.88), rgba(17, 21, 28, 0.92)) !important;
  border-color: rgba(220, 228, 238, 0.12) !important;
  box-shadow: none !important;
}

html body .left_menu > .pn-sidebar-promo em,
html body .left_menu > .dop-btns .dop-btn,
html body .left_menu > .social_btn a {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(148, 163, 184, 0.11) !important;
  color: #d8e2ef !important;
  box-shadow: none !important;
}

html body .left_menu > .pn-sidebar-promo em:hover,
html body .left_menu > .dop-btns .dop-btn:hover,
html body .left_menu > .social_btn a:hover {
  background: rgba(122, 167, 217, 0.10) !important;
  border-color: rgba(122, 167, 217, 0.28) !important;
  color: #f4f8fc !important;
}

html body .pn-site-topbar,
html body .pn-top-menu-panel,
html body .pn-profile-menu,
html body .pn-top-notifications,
html body .notifications-dropdown,
html body .profile-dropdown-menu,
html body .online-users-popover {
  background:
    radial-gradient(circle at 100% 0%, rgba(122, 167, 217, 0.035), transparent 30%),
    rgba(26, 33, 44, 0.96) !important;
  border-color: rgba(148, 163, 184, 0.11) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important;
}

html body .pn-top-action,
html body .pn-top-auth,
html body .pn-top-menu-toggle,
html body .pn-top-socials a,
html body .pn-top-user,
html body .pn-top-purse,
html body .pn-top-notify,
html body .pn-top-balance {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  color: #dce6f3 !important;
  box-shadow: none !important;
}

html body .pn-top-action:hover,
html body .pn-top-auth:hover,
html body .pn-top-menu-toggle:hover,
html body .pn-top-socials a:hover,
html body .pn-top-user:hover,
html body .pn-top-purse:hover,
html body .pn-top-notify:hover,
html body .pn-top-balance:hover {
  background: rgba(122, 167, 217, 0.10) !important;
  border-color: rgba(122, 167, 217, 0.28) !important;
}

html body .pn-top-balance-plus,
html body .pn-home-news-add,
html body .read-more,
html body .pn-banner-button,
html body .hero-slide-btn,
html body .connect-btn {
  background: linear-gradient(135deg, rgba(122, 167, 217, 0.88), rgba(112, 153, 199, 0.82)) !important;
  border-color: rgba(122, 167, 217, 0.24) !important;
  color: #f8fbff !important;
  box-shadow: 0 10px 22px rgba(122, 167, 217, 0.15) !important;
}

html body .banner_top .top_donators,
html body .top_donators,
html body .pn-home-live-card,
html body .news-card,
html body .stat-card,
html body .monitoring-card,
html body .server,
html body .two-server,
html body .pn-home-useful-card,
html body .useful-card,
html body .shop_card,
html body .forum_card,
html body .support-card,
html body .ticket-card {
  background:
    radial-gradient(circle at 88% 0%, rgba(122, 167, 217, 0.040), transparent 32%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.96), rgba(17, 21, 28, 0.98)) !important;
  border-color: rgba(148, 163, 184, 0.11) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.26) !important;
}

html body .donator_card,
html body .pn-home-clan-card,
html body .pn-home-clans-mini,
html body .pn-home-clans-hero,
html body .pn-cases-home-wins-shell [class*="item"],
html body .pn-cases-home-wins-shell [class*="card"] {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(148, 163, 184, 0.09) !important;
}

html body .block_head,
html body .section-title,
html body .top_donators .title,
html body .pn-home-live-title,
html body .pn-home-useful-title,
html body .news-card-title,
html body .server_name,
html body .monitoring-card-title {
  color: #e4eaf2 !important;
  text-shadow: none !important;
}

html body p,
html body small,
html body .text-muted,
html body .news-card-short,
html body .news-card-meta,
html body .server_map,
html body .server-meta,
html body .pn-home-live-subtitle,
html body .pn-home-useful-subtitle,
html body .pn-home-useful-caption {
  color: #a5b0bf !important;
  text-shadow: none !important;
}

html body input:not([type="checkbox"]):not([type="radio"]),
html body textarea,
html body select,
html body .form-control,
html body .select2-container .select2-selection {
  background: rgba(17, 21, 28, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  color: #e4eaf2 !important;
  box-shadow: none !important;
}

html body input::placeholder,
html body textarea::placeholder {
  color: #9ba8ba !important;
}

html body input:not([type="checkbox"]):not([type="radio"]):focus,
html body textarea:focus,
html body select:focus,
html body .form-control:focus {
  border-color: rgba(122, 167, 217, 0.34) !important;
  box-shadow: 0 0 0 3px rgba(122, 167, 217, 0.08) !important;
}

html body table,
html body .table {
  color: #a5b0bf !important;
}

html body table th,
html body .table th {
  color: #dce6f3 !important;
}

html body table td,
html body table th,
html body .table td,
html body .table th {
  border-color: rgba(148, 163, 184, 0.1) !important;
}

html body footer,
html body .footer,
html body .pn-footer {
  background:
    radial-gradient(circle at 12% 0%, rgba(122, 167, 217, 0.040), transparent 34%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.9), rgba(17, 21, 28, 0.94)) !important;
  border-color: rgba(148, 163, 184, 0.1) !important;
  box-shadow: none !important;
}

                                                                                   
html body .left_menu .pn-rail-link[aria-current="page"] {
  background:
    linear-gradient(90deg, rgba(122, 167, 217, 0.15), rgba(122, 167, 217, 0.035) 58%, transparent) !important;
  border-color: transparent !important;
  color: #c0d5ed !important;
  box-shadow: inset 2px 0 0 rgba(122, 167, 217, 0.92) !important;
}

html body .left_menu .pn-rail-link[aria-current="page"] svg {
  color: #a6c7eb !important;
  filter: none !important;
}

html body .left_menu .pn-rail-link[aria-current="page"]::after {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  margin-left: auto !important;
  border-radius: 999px !important;
  background: #a6c7eb !important;
  box-shadow: 0 0 10px rgba(122, 167, 217, 0.28) !important;
  display: block !important;
}

html body .left_menu .pn-rail-link[aria-current="page"]:hover,
html body .left_menu .pn-rail-link[aria-current="page"].active {
  background:
    linear-gradient(90deg, rgba(122, 167, 217, 0.18), rgba(122, 167, 217, 0.045) 62%, transparent) !important;
  border-color: rgba(122, 167, 217, 0.20) !important;
  color: #fff !important;
}

                                                                                                           
html body .pn-site-topbar {
  background:
    linear-gradient(180deg, rgba(26, 33, 44, 0.98), rgba(17, 21, 28, 0.98)) !important;
  border-bottom: 1px solid rgba(220, 228, 238, 0.10) !important;
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.34),
    inset 0 -1px 0 rgba(122, 167, 217, 0.08) !important;
}

html body .left_menu,
html body.pn-sidebar-collapsed .left_menu {
  background:
    radial-gradient(circle at 100% 0%, rgba(122, 167, 217, 0.045), transparent 34%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.995), rgba(17, 21, 28, 0.995)) !important;
  border-right: 1px solid rgba(220, 228, 238, 0.09) !important;
  box-shadow:
    12px 0 32px rgba(0, 0, 0, 0.24),
    inset -1px 0 0 rgba(255, 255, 255, 0.018) !important;
}

html body .pn-site-topbar .pn-top-socials a,
html body .pn-site-topbar .pn-top-menu-toggle,
html body .pn-site-topbar .pn-top-purse,
html body .pn-site-topbar .pn-top-notify,
html body .pn-site-topbar .pn-top-user,
html body .pn-site-topbar .pn-top-auth {
  background: rgba(255, 255, 255, 0.045) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

html body .left_menu > .pn-sidebar-promo,
html body .left_menu > .dop-btns .dop-btn {
  border-color: rgba(220, 228, 238, 0.12) !important;
}

                                                                             
html body .pn-site-topbar,
html body.pn-sidebar-collapsed .pn-site-topbar {
  background:
    radial-gradient(circle at 14% 0%, rgba(122, 167, 217, 0.045), transparent 28%),
    linear-gradient(180deg, rgba(17, 21, 28, 0.99), rgba(17, 21, 28, 0.99)) !important;
  border-bottom: 1px solid rgba(220, 228, 238, 0.10) !important;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.36),
    inset 0 -1px 0 rgba(122, 167, 217, 0.085) !important;
}

html body .pn-site-topbar .logo-container,
html body.pn-sidebar-collapsed .pn-site-topbar .logo-container {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .pn-site-topbar .logo-container::before,
html body .pn-site-topbar .logo-container::after {
  content: none !important;
  display: none !important;
}

html body .pn-site-topbar .logo-container2,
html body.pn-sidebar-collapsed .pn-site-topbar .logo-container2 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .pn-site-topbar .logo-container2::after {
  opacity: 0.12 !important;
}

                                                                                                      
html body .main_content > .shop_cards,
html body .shop_cards {
  align-items: stretch !important;
  gap: 16px !important;
}

html body .shop_cards .shop_card {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body .shop_cards .shop_card h5 {
  display: none !important;
}

html body .shop_cards .shop_card .card_bg {
  height: clamp(230px, 14.8vw, 258px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  border-radius: 17px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(122, 167, 217, 0.075), transparent 34%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.96), rgba(26, 33, 44, 0.99)) !important;
  border: 1px solid rgba(148, 163, 184, 0.10) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.24) !important;
}

html body .shop_cards .shop_card:hover .card_bg {
  border-color: rgba(122, 167, 217, 0.24) !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.30) !important;
}

html body .shop_cards .shop_card .card_bg::after {
  opacity: 0.92 !important;
}

@media (max-width: 768px) {
  html body .shop_cards .shop_card .card_bg {
    height: 178px !important;
    border-radius: 15px !important;
  }
}

                                                                                                  
html body .wlt-payment-safe,
html body .wlt-payment-error {
  margin-top: 12px !important;
  padding: 13px 14px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html body .wlt-payment-safe {
  background: rgba(47, 229, 138, 0.08) !important;
  border: 1px solid rgba(47, 229, 138, 0.22) !important;
  color: #b9f7d8 !important;
}

html body .wlt-payment-error {
  background: rgba(255, 77, 109, 0.08) !important;
  border: 1px solid rgba(255, 77, 109, 0.24) !important;
  color: #ffc2cc !important;
}

html body .wlt-payment-safe-title {
  margin-bottom: 4px !important;
  color: #e9fff4 !important;
  font-weight: 800 !important;
}

html body .wlt-payment-safe-text {
  color: rgba(233, 255, 244, 0.78) !important;
}

html body .wlt-payment-safe-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  margin-top: 10px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: rgba(122, 167, 217, 0.10) !important;
  border: 1px solid rgba(122, 167, 217, 0.24) !important;
  color: #ff9aa0 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

html body .wlt-payment-safe-link:hover {
  background: rgba(122, 167, 217, 0.16) !important;
  color: #fff !important;
}

                                                                                   
:root {
  --eg-bg-main: #11151c;
  --eg-bg-deep: #11151c;
  --eg-bg-soft: #161d27;
  --eg-header: rgba(17, 21, 28, 0.92);
  --eg-sidebar: rgba(17, 21, 28, 0.97);
  --eg-card: #1a212c;
  --eg-card-soft: #1e2734;
  --eg-card-hover: #243143;
  --eg-border: #2b3544;
  --eg-border-soft: rgba(220, 228, 238, 0.065);
  --eg-border-hover: rgba(122, 167, 217, 0.38);
  --eg-text-main: #e4eaf2;
  --eg-text-soft: #a5b0bf;
  --eg-text-muted: #9ba8ba;
  --eg-red: #7aa7d9;
  --eg-red-hover: #91b8e3;
  --eg-red-dark: #7099c7;
  --eg-red-soft: rgba(122, 167, 217, 0.13);
  --eg-red-border: rgba(122, 167, 217, 0.42);
  --eg-cyan: #7aa7d9;
  --eg-blue: #7099c7;
  --eg-violet: #7d5cff;
  --eg-success: #49d88a;
  --eg-warning: #f4b94f;
  --eg-danger: #ff596f;
  --eg-gold: #f3c35b;
  --eg-glow-cyan: rgba(122, 167, 217, 0.13);
  --eg-glow-blue: rgba(112, 153, 199, 0.12);
  --eg-glow-violet: rgba(125, 92, 255, 0.10);
  --eg-shadow-card: 0 18px 42px rgba(0, 0, 0, 0.35);
  --eg-shadow-soft: 0 10px 26px rgba(0, 0, 0, 0.25);
  --accent: var(--eg-red);
  --accent-light: #a6c7eb;
  --divider: var(--eg-border);
  --hover: var(--eg-card-hover);
  --card2: var(--eg-card);
  --statics: var(--eg-text-muted);
  --text-white: var(--eg-text-main);
  --text-second: var(--eg-text-soft);
  --prime-button-bg: linear-gradient(135deg, rgba(122, 167, 217, 0.18), rgba(255, 255, 255, 0.045));
  --prime-button-bg-hover: linear-gradient(135deg, rgba(122, 167, 217, 0.26), rgba(255, 255, 255, 0.065));
  --prime-button-border: rgba(122, 167, 217, 0.34);
  --prime-button-border-hover: rgba(122, 167, 217, 0.52);
  --prime-button-text: #e4eaf2;
}

html,
html body {
  background:
    radial-gradient(circle at 14% 0%, rgba(122, 167, 217, 0.040), transparent 31%),
    radial-gradient(circle at 88% 8%, rgba(255, 255, 255, 0.020), transparent 30%),
    linear-gradient(180deg, var(--eg-bg-main) 0%, var(--eg-bg-deep) 100%) !important;
  color: var(--eg-text-main) !important;
}

html body,
html body input,
html body textarea,
html body select,
html body button {
  text-rendering: optimizeLegibility;
}

html body * {
  scrollbar-color: rgba(122, 167, 217, 0.62) rgba(255, 255, 255, 0.035) !important;
}

html::-webkit-scrollbar,
html body::-webkit-scrollbar,
html body *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html::-webkit-scrollbar-track,
html body::-webkit-scrollbar-track,
html body *::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.035);
}

html::-webkit-scrollbar-thumb,
html body::-webkit-scrollbar-thumb,
html body *::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(122, 167, 217, 0.82), rgba(112, 153, 199, 0.86));
  border: 2px solid rgba(17, 21, 28, 0.98);
  border-radius: 999px;
}

html::-webkit-scrollbar-thumb:hover,
html body::-webkit-scrollbar-thumb:hover,
html body *::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(145, 184, 227, 0.92), rgba(112, 153, 199, 0.94));
}

html body ::selection {
  background: rgba(122, 167, 217, 0.34);
  color: #fff;
}

html body .pn-site-topbar {
  background:
    linear-gradient(180deg, rgba(26, 33, 44, 0.96), rgba(17, 21, 28, 0.94)) !important;
  border-bottom: 1px solid rgba(220, 228, 238, 0.085) !important;
  box-shadow:
    0 1px 0 rgba(122, 167, 217, 0.12),
    0 14px 28px rgba(0, 0, 0, 0.26) !important;
  backdrop-filter: blur(18px) saturate(115%) !important;
}

html body .pn-site-topbar .logo-container,
html body.pn-sidebar-collapsed .pn-site-topbar .logo-container,
html body .pn-site-topbar .logo-container2,
html body.pn-sidebar-collapsed .pn-site-topbar .logo-container2 {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html body .logo-svg {
  filter: drop-shadow(0 0 8px rgba(122, 167, 217, 0.08)) !important;
}

html body .logo-svg path {
  animation: none !important;
  stroke: rgba(228, 234, 242, 0.78) !important;
}

html body .logo-svg path:last-child {
  stroke: var(--eg-red) !important;
}

html body .pn-site-topbar #number_max,
html body.pn-sidebar-collapsed .pn-site-topbar #number_max {
  background: rgba(255, 255, 255, 0.040) !important;
  border: 1px solid rgba(220, 228, 238, 0.105) !important;
  color: var(--eg-text-soft) !important;
  box-shadow: none !important;
}

html body .pn-site-topbar #number_max::before,
html body .online-dot,
html body .modal-online-dot,
html body .footer-dot {
  background: var(--eg-red) !important;
  box-shadow: 0 0 12px rgba(122, 167, 217, 0.32) !important;
}

html body .pn-site-topbar #number_max div,
html body .pn-site-topbar #number_max span {
  color: var(--eg-text-soft) !important;
}

html body .pn-top-socials a,
html body .pn-top-menu-toggle,
html body .pn-top-purse,
html body .pn-top-notify,
html body .pn-top-user,
html body .pn-top-auth,
html body .pn-top-action,
html body .balance-box,
html body .profile-box,
html body .header-btn {
  background: rgba(255, 255, 255, 0.040) !important;
  border: 1px solid rgba(220, 228, 238, 0.10) !important;
  color: var(--eg-text-main) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body .pn-top-socials a:hover,
html body .pn-top-menu-toggle:hover,
html body.pn-full-menu-open .pn-top-menu-toggle,
html body .pn-top-purse:hover,
html body .pn-top-notify:hover,
html body .pn-top-user:hover,
html body .pn-top-auth:hover,
html body .pn-top-action:hover,
html body .balance-box:hover,
html body .profile-box:hover,
html body .header-btn:hover {
  background: var(--eg-red-soft) !important;
  border-color: var(--eg-red-border) !important;
  color: #fff !important;
}

html body .pn-top-purse .pn-balance-icon,
html body .pn-top-purse .pn-purse-plus,
html body .pn-top-balance-plus,
html body .pn-notify-count,
html body .pn-top-notify-badge {
  background: linear-gradient(135deg, var(--eg-red), var(--eg-red-dark)) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #11151c !important;
  box-shadow: 0 8px 18px rgba(122, 167, 217, 0.22) !important;
}

html body .pn-profile-menu,
html body .pn-top-notifications,
html body .notifications-dropdown {
  background:
    radial-gradient(circle at 90% 0%, rgba(122, 167, 217, 0.08), transparent 32%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.98), rgba(17, 21, 28, 0.98)) !important;
  border: 1px solid rgba(220, 228, 238, 0.10) !important;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.38) !important;
}

html body .pn-profile-menu-item,
html body .pn-top-notifications > *:not(script):not(style),
html body .pn-top-notifications li,
html body .pn-top-notifications .notification,
html body .pn-top-notifications .notify-item,
html body .pn-top-notifications .noty-item {
  background: rgba(255, 255, 255, 0.030) !important;
  border-color: rgba(220, 228, 238, 0.075) !important;
  color: var(--eg-text-soft) !important;
}

html body .pn-profile-menu-item:hover,
html body .pn-profile-menu-item.is-notify,
html body .pn-top-notifications a:hover {
  background: rgba(122, 167, 217, 0.10) !important;
  border-color: rgba(122, 167, 217, 0.28) !important;
  color: #fff !important;
}

html body .left_menu {
  background:
    linear-gradient(180deg, rgba(26, 33, 44, 0.985), rgba(17, 21, 28, 0.99)) !important;
  border-right: 1px solid rgba(220, 228, 238, 0.085) !important;
  box-shadow:
    inset -1px 0 0 rgba(122, 167, 217, 0.05),
    12px 0 30px rgba(0, 0, 0, 0.16) !important;
}

html body .pn-static-rail,
html body .left_menu > .pn-static-rail,
html body.pn-sidebar-collapsed .left_menu > .pn-static-rail {
  background: transparent !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

html body .left_menu > .pn-static-rail::before,
html body .left_menu > .pn-static-rail::after {
  display: none !important;
}

html body .pn-rail-link,
html body .left_menu .pn-rail-link,
html body .left_menu .collapsible-menu a {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--eg-text-soft) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html body .pn-rail-link svg,
html body .left_menu .pn-rail-link svg,
html body .left_menu .collapsible-menu a svg,
html body .pn-rail-link i,
html body .left_menu .pn-rail-link i {
  color: #a5b0bf !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html body .pn-rail-link:hover,
html body .left_menu .pn-rail-link:hover,
html body .left_menu .collapsible-menu a:hover {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(220, 228, 238, 0.075) !important;
  color: #fff !important;
}

html body .pn-rail-link.active,
html body .left_menu .pn-rail-link.active,
html body .left_menu .collapsible-menu a.active,
html body .left_menu .pn-rail-link[aria-current="page"].active {
  background:
    linear-gradient(90deg, rgba(122, 167, 217, 0.16), rgba(122, 167, 217, 0.035)) !important;
  border-color: rgba(122, 167, 217, 0.22) !important;
  color: #fff !important;
  box-shadow: inset 3px 0 0 var(--eg-red) !important;
}

html body .pn-rail-link.active svg,
html body .left_menu .pn-rail-link.active svg,
html body .left_menu .collapsible-menu a.active svg,
html body .left_menu .pn-rail-link[aria-current="page"].active svg {
  color: #a6c7eb !important;
}

html body .left_menu .pn-rail-link[aria-current="page"],
html body .left_menu .pn-rail-link[aria-current="page"] svg {
  color: var(--eg-text-soft) !important;
  background: transparent !important;
  border-color: transparent !important;
}

html body .left_menu .pn-rail-link[aria-current="page"]::after {
  background: var(--eg-red) !important;
  box-shadow: 0 0 10px rgba(122, 167, 217, 0.34) !important;
}

html body .left_menu .pn-rail-link[aria-current="page"]:hover {
  background: rgba(122, 167, 217, 0.10) !important;
  border-color: rgba(122, 167, 217, 0.24) !important;
  color: #fff !important;
}

html body .pn-sidebar-promo,
html body .sidebar-vip {
  background:
    radial-gradient(circle at 85% 20%, rgba(122, 167, 217, 0.11), transparent 38%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.88), rgba(17, 21, 28, 0.94)) !important;
  border: 1px solid rgba(220, 228, 238, 0.10) !important;
  box-shadow: none !important;
}

html body .pn-sidebar-promo b,
html body .sidebar-vip b {
  color: #fff !important;
}

html body .pn-sidebar-promo em,
html body .sidebar-vip a,
html body .dop-btn {
  background: rgba(255, 255, 255, 0.040) !important;
  border: 1px solid rgba(220, 228, 238, 0.11) !important;
  color: var(--eg-text-main) !important;
}

html body .pn-sidebar-promo em:hover,
html body .sidebar-vip a:hover,
html body .dop-btn:hover {
  background: rgba(122, 167, 217, 0.14) !important;
  border-color: rgba(122, 167, 217, 0.36) !important;
  color: #fff !important;
}

html body.pn-full-menu-open .pn-top-menu-panel {
  background:
    radial-gradient(circle at 50% 0%, rgba(122, 167, 217, 0.035), transparent 34%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.985), rgba(17, 21, 28, 0.985)) !important;
  border: 1px solid rgba(220, 228, 238, 0.095) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.48) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel::before {
  background:
    linear-gradient(90deg, rgba(122, 167, 217, 0.0), rgba(122, 167, 217, 0.24), rgba(122, 167, 217, 0.0)) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section h3 {
  background: transparent !important;
  border-bottom: 1px solid rgba(220, 228, 238, 0.085) !important;
  color: rgba(228, 234, 242, 0.74) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(1) h3::before {
  background: #ffd166 !important;
  box-shadow: 0 0 12px rgba(255, 209, 102, 0.36) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(2) h3::before {
  background: #8b5cff !important;
  box-shadow: 0 0 12px rgba(139, 92, 255, 0.34) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(3) h3::before {
  background: #7aa7d9 !important;
  box-shadow: 0 0 12px rgba(122, 167, 217, 0.30) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(4) h3::before {
  background: #ff9d3f !important;
  box-shadow: 0 0 12px rgba(255, 157, 63, 0.34) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(5) h3::before {
  background: #2fe58a !important;
  box-shadow: 0 0 12px rgba(47, 229, 138, 0.32) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card {
  background: rgba(255, 255, 255, 0.034) !important;
  border: 1px solid rgba(220, 228, 238, 0.075) !important;
  box-shadow: none !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card:hover {
  background: rgba(122, 167, 217, 0.10) !important;
  border-color: rgba(122, 167, 217, 0.34) !important;
  transform: translateY(-2px) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card i,
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(n) .pn-menu-card i {
  background: rgba(255, 255, 255, 0.055) !important;
  color: var(--eg-text-main) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(1) .pn-menu-card i {
  background: rgba(255, 209, 102, 0.12) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(2) .pn-menu-card i {
  background: rgba(139, 92, 255, 0.13) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(3) .pn-menu-card i {
  background: rgba(122, 167, 217, 0.11) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(4) .pn-menu-card i {
  background: rgba(255, 157, 63, 0.12) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(5) .pn-menu-card i {
  background: rgba(47, 229, 138, 0.11) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card b {
  color: var(--eg-text-main) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card small {
  color: var(--eg-text-muted) !important;
}

html body .banner,
html body .hero-slider,
html body .block,
html body .card,
html body .widget,
html body .top_donators,
html body .pn-home-live-card,
html body .pn-home-card,
html body .news-card,
html body .pn-site-stat-card,
html body .stat-card,
html body .g-stat-card,
html body .ban-stat-card,
html body .profile-info-card,
html body .support-panel,
html body .support-card,
html body .shop-panel,
html body .shop-card,
html body .shop-select-card,
html body .table-wrap,
html body .modal-content,
html body .prime-policy-doc {
  background:
    radial-gradient(circle at 88% 0%, rgba(122, 167, 217, 0.060), transparent 34%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.94), rgba(17, 21, 28, 0.96)) !important;
  border-color: rgba(220, 228, 238, 0.10) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.28) !important;
}

html body .banner:hover,
html body .hero-slider:hover,
html body .block:hover,
html body .card:hover,
html body .widget:hover,
html body .news-card:hover,
html body .pn-site-stat-card:hover,
html body .stat-card:hover,
html body .g-stat-card:hover,
html body .ban-stat-card:hover,
html body .shop-card:hover,
html body .shop_cards .shop_card:hover .card_bg {
  border-color: rgba(122, 167, 217, 0.24) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important;
}

html body .main_content > .banner_top,
html body .main_content > .monitoring-card-home-shell,
html body .main_content > .monitoring-card-home-shell > .monitoring-card-home,
html body .main_content > .mon-container,
html body .main_content > .forum-layout,
html body .main_content > .topic-layout,
html body .forum-layout,
html body .topic-layout,
html body .forum-layout > #forum,
html body .forum-layout #forums,
html body .topic-layout > .topic-content,
html body .topic-layout > .topic-main {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body .main_content > .banner_top:hover,
html body .main_content > .monitoring-card-home-shell:hover,
html body .main_content > .monitoring-card-home-shell > .monitoring-card-home:hover,
html body .main_content > .mon-container:hover,
html body .main_content > .forum-layout:hover,
html body .main_content > .topic-layout:hover,
html body .forum-layout:hover,
html body .topic-layout:hover,
html body .forum-layout > #forum:hover,
html body .forum-layout #forums:hover,
html body .topic-layout > .topic-content:hover,
html body .topic-layout > .topic-main:hover {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html body .banner img,
html body .banner_top img,
html body .hero-slider img,
html body .swiper-slide img,
html body .news-card-img img,
html body .shop_cards img,
html body #monitoring_card img,
html body .server img,
html body .two-server img {
  filter: saturate(0.82) brightness(0.92) contrast(1.03) !important;
}

html body .pn-banner-button,
html body .hero-slide-btn,
html body .read-more,
html body .pn-home-news-add,
html body .btn-primary,
html body a.btn-primary,
html body .button-m,
html body .connect-server,
html body .connect-btn,
html body .btn_search,
html body .search-btn,
html body .button,
html body input[type="submit"] {
  background: linear-gradient(135deg, var(--eg-red), var(--eg-red-dark)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #11151c !important;
  -webkit-text-fill-color: #11151c !important;
  box-shadow: 0 12px 28px rgba(122, 167, 217, 0.18) !important;
  text-shadow: none !important;
}

html body .pn-banner-button:hover,
html body .hero-slide-btn:hover,
html body .read-more:hover,
html body .pn-home-news-add:hover,
html body .btn-primary:hover,
html body a.btn-primary:hover,
html body .button-m:hover,
html body .connect-server:hover,
html body .connect-btn:hover,
html body .btn_search:hover,
html body .search-btn:hover,
html body .button:hover,
html body input[type="submit"]:hover {
  filter: brightness(1.04) !important;
  box-shadow: 0 16px 34px rgba(122, 167, 217, 0.24) !important;
}

html body .btn-secondary,
html body .btn-outline-primary,
html body .page-head-actions .btn-primary,
html body .forum-layout .btn-primary,
html body .notifications-clear,
html body .pn-notifications-clear,
html body .support-modal-close,
html body .server-btn,
html body .monitoring-card-filter button,
html body .server-tab,
html body .nav-tabs .nav-link {
  background: rgba(255, 255, 255, 0.038) !important;
  border: 1px solid rgba(220, 228, 238, 0.105) !important;
  color: var(--eg-text-soft) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body .btn-secondary:hover,
html body .btn-outline-primary:hover,
html body .page-head-actions .btn-primary:hover,
html body .forum-layout .btn-primary:hover,
html body .notifications-clear:hover,
html body .pn-notifications-clear:hover,
html body .support-modal-close:hover,
html body .server-btn:hover,
html body .monitoring-card-filter button:hover,
html body .server-tab:hover,
html body .nav-tabs .nav-link:hover {
  background: rgba(122, 167, 217, 0.10) !important;
  border-color: rgba(122, 167, 217, 0.30) !important;
  color: #fff !important;
}

html body .monitoring-card-filter button.active,
html body .server-tab.active,
html body .nav-tabs .nav-link.active,
html body .server-btn.active {
  background: linear-gradient(135deg, rgba(122, 167, 217, 0.88), rgba(112, 153, 199, 0.88)) !important;
  border-color: rgba(122, 167, 217, 0.50) !important;
  color: #fff !important;
}

html body #servers .server,
html body #servers .two-server,
html body .monitoring .server,
html body .two-monitoring .two-server,
html body #monitoring_card .mc-server-card,
html body #monitoring_card .mc-compact-server,
html body #monitoring_card .mc-simple-server {
  background-color: var(--eg-card) !important;
  border-color: rgba(220, 228, 238, 0.10) !important;
  box-shadow: 0 13px 30px rgba(0, 0, 0, 0.30) !important;
}

html body #servers .server::before,
html body #servers .two-server::before,
html body #monitoring_card .mc-server-card::before,
html body #monitoring_card .mc-compact-server::before,
html body #monitoring_card .mc-simple-server::before {
  background:
    linear-gradient(90deg, rgba(17, 21, 28, 0.86), rgba(17, 21, 28, 0.56)),
    linear-gradient(180deg, transparent, rgba(17, 21, 28, 0.72)) !important;
}

html body #servers .server:hover,
html body #servers .two-server:hover,
html body #monitoring_card .mc-server-card:hover,
html body #monitoring_card .mc-compact-server:hover,
html body #monitoring_card .mc-simple-server:hover {
  border-color: rgba(122, 167, 217, 0.30) !important;
  transform: translateY(-2px) !important;
}

html body .server-number,
html body .server .server-number,
html body #monitoring_card .mc-server-number,
html body #monitoring_card .mc-server-index,
html body .server_map,
html body .server-mapname,
html body #monitoring_card .mc-server-map {
  background: rgba(122, 167, 217, 0.13) !important;
  border-color: rgba(122, 167, 217, 0.28) !important;
  color: #b8d2ee !important;
}

html body .servers-online-line .progress-bar,
html body .server-progress-line,
html body #monitoring_card .mc-server-progress span,
html body #monitoring_card .mc-compact-progress i {
  background: linear-gradient(90deg, rgba(47, 229, 138, 0.76), rgba(122, 167, 217, 0.52)) !important;
  box-shadow: none !important;
}

html body #monitoring_card .mc-compact-progress b {
  background: transparent !important;
  box-shadow: none !important;
  color: #f5f8fc !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.58) !important;
}

html body #monitoring_card .mc-compact-progress small {
  color: rgba(220, 228, 238, 0.78) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.48) !important;
}

html body .server_online,
html body .server .server_online,
html body .two-server .server_online,
html body #monitoring_card .mc-simple-online,
html body #monitoring_card .mc-compact-online,
html body #monitoring_card .mc-simple-players {
  color: #edf3f9 !important;
  text-shadow: none !important;
}

html body .server_online .online_nowmax,
html body .server .online_nowmax,
html body .two-server .online_nowmax,
html body #monitoring_card .online_nowmax {
  color: #edf3f9 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .server_online .online_max,
html body .server .online_max,
html body .two-server .online_max,
html body #monitoring_card .online_max {
  color: rgba(165, 176, 191, 0.76) !important;
}

html body .server_online .progress,
html body .servers-online-line,
html body #monitoring_card .mc-server-progress,
html body #monitoring_card .mc-compact-progress {
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(26, 33, 44, 0.76) !important;
  border: 1px solid rgba(220, 228, 238, 0.12) !important;
}

html body .servers-online-line .progress-bar.bg-danger,
html body .servers-online-line .bg-danger,
html body .server_online .bg-danger {
  background: linear-gradient(90deg, rgba(217, 54, 62, 0.92), rgba(255, 116, 122, 0.86)) !important;
}

html body .servers-online-line .progress-bar.bg-warning,
html body .servers-online-line .bg-warning,
html body .server_online .bg-warning {
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.88), rgba(251, 191, 36, 0.84)) !important;
}

html body .top_donators .block_head,
html body .top_donators .title,
html body .pn-home-live-card .title,
html body .section-title,
html body .nav .nav-title,
html body .pn-home-news-head .nav-title,
html body .footer-logo-text,
html body .footer-col-title {
  color: var(--eg-text-main) !important;
  text-shadow: none !important;
}

html body .top_donators .block_head i,
html body .top_donators .title i,
html body .section-title-icon,
html body .nav .nav-icon,
html body .pn-home-news-head .nav-icon,
html body .footer-col-title i {
  background: rgba(122, 167, 217, 0.12) !important;
  border-color: rgba(122, 167, 217, 0.26) !important;
  color: #a6c7eb !important;
}

html body .donator_card {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(220, 228, 238, 0.085) !important;
  box-shadow: none !important;
}

html body .donator_card:hover {
  background: rgba(122, 167, 217, 0.085) !important;
  border-color: rgba(122, 167, 217, 0.24) !important;
}

html body .sum_donators,
html body .donator-place.gold,
html body .badge-gold {
  color: var(--eg-gold) !important;
}

html body .news-card-img::after {
  background: linear-gradient(180deg, rgba(17, 21, 28, 0.06), rgba(17, 21, 28, 0.80)) !important;
}

html body .news-card-title,
html body .pn-home-useful-title,
html body .stat-number,
html body .ban-stat-number,
html body .g-stat-value,
html body .profile-value,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5 {
  color: var(--eg-text-main) !important;
  text-shadow: none !important;
}

html body .news-card-short,
html body .news-card-meta,
html body .pn-home-useful-subtitle,
html body .pn-home-useful-caption,
html body .stat-label,
html body .ban-stat-label,
html body .g-stat-label,
html body .profile-label,
html body .footer-desc,
html body p,
html body small {
  color: var(--eg-text-soft) !important;
  text-shadow: none !important;
}

html body .shop_cards .shop_card .card_bg,
html body .pn-home-useful-card,
html body .useful-card {
  background:
    radial-gradient(circle at 74% 20%, rgba(122, 167, 217, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.96), rgba(17, 21, 28, 0.99)) !important;
  border-color: rgba(220, 228, 238, 0.10) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26) !important;
}

html body input,
html body textarea,
html body select,
html body .form-control,
html body .shop-select,
html body .prime-unban-native-select,
html body .input-group input,
html body .chat-footer input,
html body .chat-footer textarea {
  background: rgba(255, 255, 255, 0.030) !important;
  border: 1px solid rgba(220, 228, 238, 0.115) !important;
  color: var(--eg-text-main) !important;
  box-shadow: none !important;
}

html body input:focus,
html body textarea:focus,
html body select:focus,
html body .form-control:focus,
html body .shop-select:focus,
html body .prime-unban-native-select:focus {
  border-color: rgba(122, 167, 217, 0.46) !important;
  box-shadow: 0 0 0 3px rgba(122, 167, 217, 0.11) !important;
  outline: 0 !important;
}

html body input::placeholder,
html body textarea::placeholder {
  color: rgba(165, 176, 191, 0.52) !important;
}

html body table,
html body .table,
html body .table-fused,
html body .table-adaptive,
html body .services-table {
  background: var(--eg-card) !important;
  border-color: rgba(220, 228, 238, 0.085) !important;
  color: var(--eg-text-soft) !important;
}

html body table th,
html body .table th,
html body .services-table th {
  background: rgba(255, 255, 255, 0.035) !important;
  color: var(--eg-text-main) !important;
  border-color: rgba(220, 228, 238, 0.085) !important;
}

html body table td,
html body .table td,
html body .services-table td {
  border-color: rgba(220, 228, 238, 0.065) !important;
}

html body .modal-backdrop.show {
  background: rgba(17, 21, 28, 0.62) !important;
  backdrop-filter: blur(9px) saturate(100%) !important;
}

html body .modal-content,
html body .support-tickets-modal,
html body #authorization .modal-content,
html body #registration .modal-content,
html body #api_auth .modal-content {
  background:
    radial-gradient(circle at 82% 0%, rgba(122, 167, 217, 0.075), transparent 34%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.98), rgba(17, 21, 28, 0.99)) !important;
  border-color: rgba(220, 228, 238, 0.11) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45) !important;
}

html body .modal-header,
html body .modal-head,
html body .modal-footer,
html body .modal-foot {
  border-color: rgba(220, 228, 238, 0.075) !important;
}

html body .chat_sidebar,
html body .chat_sidebar.active {
  background:
    linear-gradient(180deg, rgba(17, 21, 28, 0.98), rgba(17, 21, 28, 0.995)) !important;
  border-left-color: rgba(220, 228, 238, 0.10) !important;
  box-shadow: -18px 0 42px rgba(0, 0, 0, 0.28) !important;
}

html body .chat-sidebar-header,
html body .chat_header,
html body .heading_block_chat,
html body .chat-footer,
html body .chat_footer {
  background: rgba(255, 255, 255, 0.028) !important;
  border-color: rgba(220, 228, 238, 0.075) !important;
}

html body .chat-message,
html body .message,
html body .chat_msg,
html body #chat_messages > div {
  text-shadow: none !important;
}

html body footer,
html body .site-footer,
html body .footer,
html body .pn-footer {
  box-sizing: border-box !important;
  width: 100% !important;
  margin-top: 34px !important;
  padding: 34px 34px 24px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(122, 167, 217, 0.060), transparent 34%),
    linear-gradient(180deg, rgba(26, 33, 44, 0.92), rgba(17, 21, 28, 0.96)) !important;
  border: 1px solid rgba(220, 228, 238, 0.095) !important;
  border-color: rgba(220, 228, 238, 0.095) !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32) !important;
  overflow: hidden !important;
}

html body .site-footer .footer-glow,
html body .footer .footer-glow,
html body .pn-footer .footer-glow {
  display: none !important;
}

html body .site-footer .footer-inner,
html body .footer .footer-inner,
html body .pn-footer .footer-inner {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .site-footer .footer-inner::before,
html body .footer .footer-inner::before,
html body .pn-footer .footer-inner::before {
  display: none !important;
  content: none !important;
}

html body .site-footer .footer-top,
html body .site-footer .footer-bottom,
html body .footer .footer-top,
html body .footer .footer-bottom,
html body .pn-footer .footer-top,
html body .pn-footer .footer-bottom {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .footer-bottom {
  margin-top: 30px !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid rgba(220, 228, 238, 0.075) !important;
}

html body footer a,
html body .site-footer a,
html body .footer a,
html body .pn-footer a {
  color: var(--eg-text-soft) !important;
}

html body footer a:hover,
html body .site-footer a:hover,
html body .footer a:hover,
html body .pn-footer a:hover {
  color: #a6c7eb !important;
}

html body a:not([style]) {
  text-shadow: none !important;
}

html body a:not([style]):hover {
  color: #a6c7eb;
}

html body .badge:not([style]),
html body [class*="badge"]:not([style]),
html body .label:not([style]) {
  background: rgba(122, 167, 217, 0.10) !important;
  border-color: rgba(122, 167, 217, 0.26) !important;
  color: #b8d2ee !important;
  box-shadow: none !important;
}

html body .badge-success,
html body .label-success,
html body .online,
html body .status-online,
html body .green {
  color: var(--eg-success) !important;
}

html body .badge-danger,
html body .label-danger,
html body .red,
html body .status-offline {
  color: var(--eg-danger) !important;
}

html body .iziToast,
html body .popover,
html body .tooltip-inner,
html body .dropdown-menu {
  background: rgba(26, 33, 44, 0.98) !important;
  border-color: rgba(220, 228, 238, 0.11) !important;
  color: var(--eg-text-main) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38) !important;
}

html body .swiper-pagination-bullet,
html body .slick-dots li button::before,
html body .slider-dot {
  background: rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
}

html body .swiper-pagination-bullet-active,
html body .slick-dots li.slick-active button::before,
html body .slider-dot.active {
  background: var(--eg-red) !important;
  box-shadow: 0 0 12px rgba(122, 167, 217, 0.32) !important;
}

html body [style*="56, 189, 248"],
html body [style*="63, 210, 255"],
html body [style*="#38bdf8"],
html body [style*="#3FD2FF"] {
  text-shadow: none !important;
}

                                                                                   
html body .forum-layout .cat-name,
html body .forum-layout .topic-title,
html body .forum-layout .latest-topic,
html body .topics-table .topic-title,
html body .topic-layout .topic-title,
html body .forum-group-title {
  color: #d8e2ee !important;
  text-shadow: none !important;
}

html body .forum-layout .cat-name:hover,
html body .forum-layout .topic-row:hover .topic-title,
html body .topics-table .topic-row:hover .topic-title,
html body .topic-layout a:hover,
html body .forum-layout a:hover {
  color: #f2f6fb !important;
}

html body .forum-layout .cat-desc,
html body .forum-layout .topic-author a,
html body .forum-layout .latest-meta,
html body .forum-layout .topic-last-label,
html body .forum-layout .topic-last-time,
html body .topics-table .topics-head-cell,
html body .topic-layout .sidebar-info-label {
  color: #a5b0bf !important;
}

html body .forum-layout .latest-meta a,
html body .forum-layout .topic-last-who a {
  color: #b7c4d4 !important;
}

html body .forum-layout .section-badge,
html body .forum-layout .topic-tag:not(.tag-close),
html body .topic-layout .section-badge,
html body .topic-layout .topic-tag:not(.tag-close) {
  background: rgba(255, 255, 255, 0.045) !important;
  border-color: rgba(220, 228, 238, 0.12) !important;
  color: #aeb9c8 !important;
  box-shadow: none !important;
}

html body .forum-layout .tag-close,
html body .topic-layout .tag-close {
  background: rgba(217, 54, 62, 0.075) !important;
  border-color: rgba(217, 54, 62, 0.20) !important;
  color: #e79ca1 !important;
}

@media (max-width: 1400px) {
  html body .useful-grid,
  html body .shop_cards {
    gap: 14px !important;
  }
}

@media (max-width: 768px) {
  html body .pn-site-topbar {
    box-shadow: 0 1px 0 rgba(122, 167, 217, 0.10), 0 10px 22px rgba(0, 0, 0, 0.24) !important;
  }

  html body .left_menu,
  html body .pn-static-rail {
    background: rgba(17, 21, 28, 0.98) !important;
  }

  html body .shop_cards .shop_card .card_bg {
    height: 178px !important;
  }
}

                                                                        
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

@supports not (overflow-x: clip) {
  html,
  body {
    overflow-x: hidden;
  }
}

html body img,
html body video,
html body canvas,
html body svg {
  max-width: 100%;
}

@media (max-width: 1180px) {
  html body .banner_top {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  html body .banner_top .banner_left,
  html body .banner_top .top_donators {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .banner_top .top_donators {
    order: 2 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body .monitoring,
  html body .two-monitoring,
  html body .shop_cards,
  html body #new_news.news-grid,
  html body .news-grid,
  html body #site_stats .pn-site-stats-grid,
  html body .pn-home-live-row {
    max-width: 100% !important;
  }
}

@media (max-width: 900px) {
  :root {
    --pn-mobile-rail-width: 72px;
    --pn-mobile-topbar-height: 72px;
  }

  html body .new_container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  html body .pn-site-topbar {
    height: var(--pn-mobile-topbar-height) !important;
    min-height: var(--pn-mobile-topbar-height) !important;
    padding: 8px 10px !important;
    gap: 8px !important;
    align-items: center !important;
    overflow: visible !important;
  }

  html body .pn-site-topbar .logo-container,
  html body.pn-sidebar-collapsed .pn-site-topbar .logo-container {
    height: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  html body .pn-site-topbar .logo-container2,
  html body.pn-sidebar-collapsed .pn-site-topbar .logo-container2 {
    width: 118px !important;
    flex-basis: 118px !important;
  }

  html body .pn-site-topbar #number_max,
  html body.pn-sidebar-collapsed .pn-site-topbar #number_max {
    min-width: 42px !important;
    max-width: 92px !important;
    height: 34px !important;
    padding: 0 9px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  html body .pn-top-menu-wrap {
    position: fixed !important;
    left: 50% !important;
    top: 14px !important;
    transform: translateX(-50%) !important;
    z-index: 2800 !important;
  }

  html body .pn-top-menu-toggle {
    min-width: 92px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
  }

  html body .pn-top-userbar,
  html body .pn-top-userbar-auth {
    top: 9px !important;
    right: 8px !important;
    max-width: calc(100vw - 150px) !important;
    gap: 6px !important;
  }

  html body .pn-balance-box {
    min-width: 0 !important;
    max-width: 105px !important;
  }

  html body .pn-balance-box span,
  html body .pn-top-balance,
  html body .pn-top-balance-value {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .left_menu,
  html body.pn-sidebar-collapsed .left_menu {
    top: var(--pn-mobile-topbar-height) !important;
    left: 0 !important;
    width: var(--pn-mobile-rail-width) !important;
    min-width: var(--pn-mobile-rail-width) !important;
    max-width: var(--pn-mobile-rail-width) !important;
    height: calc(100dvh - var(--pn-mobile-topbar-height)) !important;
    padding: 10px 7px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 1900 !important;
  }

  html body .left_menu > .pn-sidebar-promo,
  html body .left_menu > .sidebar-profile,
  html body .left_menu > .sidebar-profile-register,
  html body .left_menu > .pn-sidebar-head,
  html body .left_menu > .dop-btns,
  html body .left_menu > .social_btn,
  html body .left_menu > .menu_btn,
  html body.pn-sidebar-collapsed .left_menu > .pn-sidebar-promo,
  html body.pn-sidebar-collapsed .left_menu > .sidebar-profile,
  html body.pn-sidebar-collapsed .left_menu > .sidebar-profile-register,
  html body.pn-sidebar-collapsed .left_menu > .pn-sidebar-head,
  html body.pn-sidebar-collapsed .left_menu > .dop-btns,
  html body.pn-sidebar-collapsed .left_menu > .social_btn,
  html body.pn-sidebar-collapsed .left_menu > .menu_btn {
    display: none !important;
  }

  html body .left_menu > .pn-static-rail,
  html body.pn-sidebar-collapsed .left_menu > .pn-static-rail {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  html body .left_menu .pn-rail-link,
  html body.pn-sidebar-collapsed .left_menu .pn-rail-link {
    width: 100% !important;
    min-height: 50px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 14px !important;
  }

  html body .left_menu .pn-rail-link span,
  html body.pn-sidebar-collapsed .left_menu .pn-rail-link span {
    display: none !important;
  }

  html body .left_menu .pn-rail-link svg,
  html body.pn-sidebar-collapsed .left_menu .pn-rail-link svg {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
  }

  html body .content_area,
  html body .content_area.chat-open,
  html body.chat-open .content_area,
  html body.pn-sidebar-collapsed .content_area,
  html body.pn-sidebar-collapsed .content_area.chat-open {
    margin-left: var(--pn-mobile-rail-width) !important;
    width: calc(100vw - var(--pn-mobile-rail-width)) !important;
    max-width: calc(100vw - var(--pn-mobile-rail-width)) !important;
    padding-top: var(--pn-mobile-topbar-height) !important;
    overflow-x: hidden !important;
  }

  html body .content_area > .content_wrapper,
  html body .content_area.chat-open > .content_wrapper,
  html body.chat-open .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area.chat-open > .content_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding: 14px 10px 22px !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body .content_area .main_content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  html body .main_content > .monitoring-card-home-shell,
  html body .main_content > .mon-container,
  html body .main_content > .banner_top,
  html body .main_content > .pn-home-live-row,
  html body .main_content > .shop_cards,
  html body .main_content > #new_news,
  html body .main_content > #site_stats,
  html body .main_content > .nav,
  html body .main_content > .site-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .banner_top {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  html body .banner_top .banner_left {
    display: block !important;
    width: 100% !important;
  }

  html body .slider,
  html body .swiper,
  html body .swiper-container,
  html body .banner_left,
  html body .banner_left img,
  html body .banner_left picture,
  html body .banner_left .slide,
  html body .banner_left .swiper-slide {
    max-width: 100% !important;
  }

  html body .banner_left img {
    height: auto !important;
    object-fit: cover !important;
    border-radius: 16px !important;
  }

  html body .top_donators {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
  }

  html body .server-nav,
  html body .server-list,
  html body .server-tabs,
  html body .monitoring-card-filters {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 6px !important;
    scrollbar-width: none !important;
  }

  html body .server-nav::-webkit-scrollbar,
  html body .server-list::-webkit-scrollbar,
  html body .server-tabs::-webkit-scrollbar,
  html body .monitoring-card-filters::-webkit-scrollbar {
    display: none !important;
  }

  html body .monitoring,
  html body .two-monitoring,
  html body .monitoring-card-grid,
  html body #monitoring_card .servers,
  html body #monitoring_card .server-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  html body .monitoring .server,
  html body .two-server,
  html body #monitoring_card .server,
  html body #monitoring_card .server-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  

  html body .shop_cards .shop_card,
  html body .shop_cards .shop_card .card_bg {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .shop_cards .shop_card .card_bg .title,
  html body .shop_cards .shop_card .card_bg h2 {
    font-size: clamp(22px, 8vw, 34px) !important;
    line-height: .98 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  html body .shop_cards .shop_card h5 {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  html body #new_news.news-grid,
  html body .news-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  html body #site_stats .pn-site-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
    gap: 12px !important;
  }

  html body .pn-home-live-row,
  html body .footer-top,
  html body .footer-links-wrap,
  html body .footer-bottom,
  html body .profile-info-bar,
  html body .forum-layout,
  html body .topic-layout,
  html body .shop-layout,
  html body .select_container,
  html body .users-grid,
  html body .g-friend-grid {
    grid-template-columns: 1fr !important;
  }

  html body .site-footer,
  html body .footer-inner {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 18px !important;
  }

  html body .footer-top,
  html body .footer-links-wrap,
  html body .footer-bottom {
    display: grid !important;
    gap: 18px !important;
  }

  html body .pn-top-userbar.is-notify-open .pn-notify-dropdown,
  html body .pn-top-userbar.is-profile-open .pn-profile-menu {
    right: 0 !important;
    width: min(360px, calc(100vw - 22px)) !important;
    max-width: calc(100vw - 22px) !important;
  }

  html body .chat_sidebar,
  html body #chatSidebar {
    top: var(--pn-mobile-topbar-height) !important;
    right: 0 !important;
    width: calc(100vw - var(--pn-mobile-rail-width)) !important;
    max-width: calc(100vw - var(--pn-mobile-rail-width)) !important;
    height: calc(100dvh - var(--pn-mobile-topbar-height)) !important;
    transform: translate3d(100%, 0, 0) !important;
    border-radius: 0 !important;
    z-index: 2500 !important;
  }

  html body .chat_sidebar.active,
  html body #chatSidebar.active {
    transform: translate3d(0, 0, 0) !important;
  }

  html body #chat,
  html body #chat form,
  html body #drop_zone {
    min-height: 0 !important;
    max-width: 100% !important;
  }

  html body #chat_messages {
    max-width: 100% !important;
  }
}

@media (max-width: 560px) {
  :root {
    --pn-mobile-rail-width: 58px;
    --pn-mobile-topbar-height: 68px;
  }

  html body .pn-site-topbar {
    padding: 7px 8px !important;
  }

  html body .pn-site-topbar .logo-container2,
  html body.pn-sidebar-collapsed .pn-site-topbar .logo-container2 {
    width: 104px !important;
    flex-basis: 104px !important;
  }

  

  html body .pn-site-topbar #number_max,
  html body.pn-sidebar-collapsed .pn-site-topbar #number_max {
    max-width: 48px !important;
    min-width: 42px !important;
    padding: 0 7px !important;
  }

  html body .pn-top-userbar,
  html body .pn-top-userbar-auth {
    max-width: calc(100vw - 168px) !important;
    right: 6px !important;
  }

  html body .pn-top-userbar-auth .pn-top-auth,
  html body .pn-top-userbar-auth .pn-top-auth-link {
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  html body .pn-balance-box {
    max-width: 88px !important;
    height: 38px !important;
  }

  html body .pn-top-notify,
  html body .pn-top-user,
  html body .pn-top-action {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  html body .pn-top-user img,
  html body .pn-top-avatar img {
    width: 34px !important;
    height: 34px !important;
  }

  html body .left_menu,
  html body.pn-sidebar-collapsed .left_menu {
    padding: 8px 5px !important;
  }

  html body .left_menu .pn-rail-link,
  html body.pn-sidebar-collapsed .left_menu .pn-rail-link {
    min-height: 46px !important;
    border-radius: 12px !important;
  }

  html body .content_area > .content_wrapper,
  html body .content_area.chat-open > .content_wrapper,
  html body.chat-open .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area.chat-open > .content_wrapper {
    padding: 12px 8px 20px !important;
  }

  

  html body .banner_left img {
    aspect-ratio: 16 / 8.5 !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  html body .pn-top-userbar.is-notify-open .pn-notify-dropdown,
  html body .pn-top-userbar.is-profile-open .pn-profile-menu {
    position: fixed !important;
    top: calc(var(--pn-mobile-topbar-height) + 8px) !important;
    right: 8px !important;
    left: auto !important;
    width: calc(100vw - 74px) !important;
    max-width: calc(100vw - 74px) !important;
  }

  html body .chat_sidebar,
  html body #chatSidebar {
    width: calc(100vw - var(--pn-mobile-rail-width)) !important;
    max-width: calc(100vw - var(--pn-mobile-rail-width)) !important;
  }
}

@media (max-width: 900px) {
  html body .modal,
  html body .modal-open {
    max-width: 100vw !important;
  }

  html body .modal-dialog,
  html body .modal-dialog.modal-lg,
  html body .modal-dialog-centered,
  html body .prime-chat-rules-dialog {
    width: min(620px, calc(100vw - 22px)) !important;
    max-width: calc(100vw - 22px) !important;
    margin: 12px auto !important;
  }

  html body .modal-content,
  html body .prime-chat-rules-content,
  html body .support-tickets-dialog {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  html body .modal-body,
  html body .modal-register,
  html body .support-tickets-content {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body .form-control,
  html body .modal-input,
  html body input,
  html body select,
  html body textarea {
    max-width: 100% !important;
  }

  html body .input-group {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body table,
  html body .table,
  html body .table-fused,
  html body .table-adaptive,
  html body .services-table,
  html body .topics-table {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .table-wrap,
  html body .table-responsive,
  html body .topics-table-wrap,
  html body .services-table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

                                                                                      
@media (max-width: 900px) {
  :root {
    --pn-mobile-topbar-height: 68px;
    --pn-mobile-drawer-width: min(326px, 86vw);
  }

  html,
  html body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  html body .new_container,
  html body .page_container,
  html body .flex_container {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  html body .pn-site-topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--pn-mobile-topbar-height) !important;
    min-height: var(--pn-mobile-topbar-height) !important;
    z-index: 2600 !important;
  }

  html body .mobile-burger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body .left_menu,
  html body.pn-sidebar-collapsed .left_menu {
    position: fixed !important;
    top: var(--pn-mobile-topbar-height) !important;
    left: 0 !important;
    width: var(--pn-mobile-drawer-width) !important;
    min-width: var(--pn-mobile-drawer-width) !important;
    max-width: var(--pn-mobile-drawer-width) !important;
    height: calc(100dvh - var(--pn-mobile-topbar-height)) !important;
    padding: 14px !important;
    transform: translate3d(-105%, 0, 0) !important;
    transition: transform .24s ease, box-shadow .24s ease !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 1800 !important;
  }

  html body .left_menu.mobile-open,
  html body.pn-sidebar-collapsed .left_menu.mobile-open {
    transform: translate3d(0, 0, 0) !important;
    box-shadow: 26px 0 70px rgba(0, 0, 0, .48) !important;
  }

  html body .left_menu > .sidebar-profile,
  html body .left_menu > .sidebar-profile-register,
  html body .left_menu > .pn-sidebar-promo,
  html body .left_menu > .dop-btns {
    display: flex !important;
  }

  html body .left_menu > .pn-sidebar-head,
  html body .left_menu > .social_btn,
  html body .left_menu > .menu_btn {
    display: none !important;
  }

  html body .left_menu > .pn-static-rail,
  html body.pn-sidebar-collapsed .left_menu > .pn-static-rail {
    display: flex !important;
    width: 100% !important;
    padding: 0 !important;
    gap: 8px !important;
  }

  html body .left_menu .pn-rail-link,
  html body.pn-sidebar-collapsed .left_menu .pn-rail-link {
    width: 100% !important;
    justify-content: flex-start !important;
    min-height: 46px !important;
    padding: 0 12px !important;
    gap: 10px !important;
    border-radius: 13px !important;
  }

  html body .left_menu .pn-rail-link span,
  html body.pn-sidebar-collapsed .left_menu .pn-rail-link span {
    display: inline !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .content_area,
  html body .content_area.chat-open,
  html body.chat-open .content_area,
  html body.pn-sidebar-collapsed .content_area,
  html body.pn-sidebar-collapsed .content_area.chat-open {
    margin-left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding-top: var(--pn-mobile-topbar-height) !important;
    overflow-x: hidden !important;
  }

  html body .content_area > .content_wrapper,
  html body .content_area.chat-open > .content_wrapper,
  html body.chat-open .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area.chat-open > .content_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px 12px 24px !important;
    box-sizing: border-box !important;
  }

  html body .content_area .main_content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .banner_top,
  html body .pn-home-live-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  html body .banner_top .banner_left,
  html body .banner_top .top_donators,
  html body .monitoring-card-home-shell,
  html body .mon-container,
  html body #monitoring_card,
  html body .site-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .monitoring,
  html body .two-monitoring,
  html body .monitoring-card-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html body .shop_cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  html body .chat_sidebar,
  html body #chatSidebar {
    top: var(--pn-mobile-topbar-height) !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: calc(100dvh - var(--pn-mobile-topbar-height)) !important;
    border-radius: 0 !important;
    z-index: 2500 !important;
  }
}

@media (max-width: 560px) {
  :root {
    --pn-mobile-topbar-height: 64px;
    --pn-mobile-drawer-width: min(300px, 88vw);
  }

  html body .pn-top-socials,
  html body .pn-top-menu-wrap {
    display: none !important;
  }

  html body .pn-site-topbar .logo-container2,
  html body.pn-sidebar-collapsed .pn-site-topbar .logo-container2 {
    width: 108px !important;
    flex-basis: 108px !important;
  }

  html body .pn-top-userbar,
  html body .pn-top-userbar-auth {
    right: 6px !important;
    max-width: calc(100vw - 158px) !important;
  }

  html body .shop_cards,
  html body #site_stats .pn-site-stats-grid {
    grid-template-columns: 1fr !important;
  }
}

                                                                                  
html body.pn-full-menu-open .pn-top-menu-panel {
  position: fixed !important;
  top: var(--pn-layout-topbar, 70px) !important;
  left: max(12px, var(--pn-quick-rail-width, 176px)) !important;
  right: 12px !important;
  bottom: auto !important;
  width: auto !important;
  max-width: none !important;
  max-height: calc(100dvh - var(--pn-layout-topbar, 70px) - 14px) !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 16px 20px !important;
  margin: 0 !important;
  border: 1px solid rgba(220, 228, 238, .12) !important;
  border-top-color: rgba(122, 167, 217, .22) !important;
  border-radius: 0 0 18px 18px !important;
  background: linear-gradient(180deg, rgba(17, 21, 28, .99), rgba(17, 21, 28, .99)) !important;
  box-shadow: 0 26px 62px rgba(0, 0, 0, .54) !important;
  transform: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 3900 !important;
}

html body.pn-full-menu-open .pn-top-menu-panel,
html body.pn-full-menu-open .pn-top-menu-panel * {
  filter: none !important;
  -webkit-filter: none !important;
}

html body.pn-full-menu-open .pn-top-menu-panel::before,
html body.pn-full-menu-open .pn-top-menu-panel::after {
  display: none !important;
  content: none !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(150px, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section h3 {
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card {
  min-height: 52px !important;
  margin-bottom: 7px !important;
  padding: 9px 11px !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card b {
  font-size: 13px !important;
  line-height: 1.12 !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card small {
  font-size: 10px !important;
  line-height: 1.15 !important;
}

@media (max-width: 1180px) {
  html body.pn-full-menu-open .pn-top-menu-panel {
    left: 10px !important;
    right: 10px !important;
  }

  html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body.pn-full-menu-open .pn-top-menu-panel {
    top: var(--pn-mobile-topbar-height, 68px) !important;
    left: 8px !important;
    right: 8px !important;
    max-height: calc(100dvh - var(--pn-mobile-topbar-height, 68px) - 12px) !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

@media (max-width: 520px) {
  html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
    grid-template-columns: 1fr !important;
  }
}

                                                                                   
html body .shop_cards .shop_card .card_bg {
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  isolation: isolate !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #161d27 !important;
}

html body .shop_cards .shop_card .card_bg.pn-useful-full-art {
  background:
    linear-gradient(180deg, rgba(17, 21, 28, 0.44), rgba(17, 21, 28, 0.05) 46%, rgba(17, 21, 28, 0.16)),
    var(--pn-useful-image) center center / cover no-repeat,
    #161d27 !important;
}

html body .shop_cards .shop_card .card_bg .card_human.pn-useful-card-image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  transform: none !important;
  margin: 0 !important;
  filter: none !important;
}

html body .shop_cards .shop_card .card_bg.pn-useful-full-art .card_human.pn-useful-card-image {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  bottom: auto !important;
}

html body .shop_cards .shop_card .card_bg::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(17, 21, 28, 0.56), rgba(17, 21, 28, 0.08) 42%, rgba(17, 21, 28, 0.16) 100%) !important;
}

html body .shop_cards .shop_card .card_bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background: linear-gradient(90deg, rgba(17, 21, 28, 0.22), transparent 48%) !important;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.10) !important;
  border-radius: inherit !important;
}

html body .shop_cards .shop_card .card_bg .title,
html body .shop_cards .shop_card .card_bg h2,
html body .shop_cards .shop_card .card_bg p {
  position: relative !important;
  z-index: 3 !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.46) !important;
}

html body .shop_cards .shop_card .card_bg .title,
html body .shop_cards .shop_card .card_bg h2 {
  max-width: 76% !important;
  padding-right: 0 !important;
}

html body .shop_cards .shop_card .card_bg p {
  max-width: 78% !important;
}

html body .shop_cards .shop_card:hover .card_bg .card_human.pn-useful-card-image {
  transform: scale(1.025) !important;
}

@media (max-width: 768px) {
  html body .shop_cards .shop_card .card_bg {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    border-radius: 16px !important;
  }
}