/* ==========================================================================
   Durev 95 — оформление темы Proxy в стиле официального сайта Durev
   (Windows 95/98: серые объёмные кнопки, окна .exe, тёмно-синий и синий фон, зелёные акценты).
   Цвета сняты со скриншотов официального сайта.
   Шрифты (Press Start 2P, PT Mono, JetBrains Mono) лежат в теме, в папке fonts; лицензия SIL OFL 1.1.
   Подключается ПОСЛЕДНИМ (после media.css). Чтобы откатить — уберите
   строку подключения durev.css из header.php.
   ========================================================================== */

@font-face { font-family: 'Press Start 2P'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/press-start-2p-cyrillic-400-normal.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Press Start 2P'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/press-start-2p-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'PT Mono'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/pt-mono-cyrillic-400-normal.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'PT Mono'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/pt-mono-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('../fonts/jetbrains-mono-cyrillic-700-normal.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('../fonts/jetbrains-mono-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* Цвета официального сайта Durev */
  --d-navy:   #02007A;   /* первый экран, страны, подвал, заголовки окон */
  --d-blue:   #1D49A7;   /* промежуточные секции */
  --d-gray:   #C3C3C3;   /* шапка, кнопки, окна */
  --d-green:  #75FB4C;   /* главные кнопки и акценты */
  --d-white:  #FFFFFF;
  --d-black:  #000000;
  --d-shadow: #7E7E7E;
  --d-light:  #DFDFDF;
  --d-dots:   #28278E;   /* точки «карты мира» */
  --d-muted:  #7792CA;   /* приглушённый текст на синем */
  --d-tg:     #4E81EE;

  --d-raised:  inset -1px -1px 0 var(--d-black), inset 1px 1px 0 var(--d-white), inset -2px -2px 0 var(--d-shadow), inset 2px 2px 0 var(--d-light);
  --d-pressed: inset 1px 1px 0 var(--d-black), inset -1px -1px 0 var(--d-white), inset 2px 2px 0 var(--d-shadow), inset -2px -2px 0 var(--d-light);
  --d-field:   inset 1px 1px 0 var(--d-shadow), inset -1px -1px 0 var(--d-white), inset 2px 2px 0 var(--d-black), inset -2px -2px 0 var(--d-light);
  --d-green-raised: inset -1px -1px 0 var(--d-black), inset 1px 1px 0 #D4FFC4, inset -2px -2px 0 #346F22, inset 2px 2px 0 #A9FF8D;

  --d-font: 'PT Mono', 'Courier New', monospace;
  --d-btn:  'JetBrains Mono', 'PT Mono', monospace;
  --d-head: 'Press Start 2P', 'PT Mono', monospace;

  /* servers.css → под Durev */
  --bg-primary: var(--d-navy);
  --bg-secondary: var(--d-navy);
  --bg-card: var(--d-gray);
  --bg-card-hover: var(--d-gray);
  --text-secondary: var(--d-black);
  --text-muted: #333;
  --border-primary: var(--d-black);
  --border-secondary: var(--d-black);
  --accent-success: #1E7A00;
  --font-family: var(--d-font);
  --radius-xl: 0; --radius-sm: 0;
  --shadow-lg: none; --shadow-xl: none;
}

/* ---------- База ---------- */
body {
  background: var(--d-navy);
  color: var(--d-white);
  font-family: var(--d-font);
  font-size: 16px;
}
::selection { background: var(--d-green); color: var(--d-black); }
h1, h2, h3, h4, h5, p, a, li, span, button, summary { font-family: var(--d-font); letter-spacing: 0 !important; }

/* ==========================================================================
   ШАПКА — серая панель с объёмными кнопками
   ========================================================================== */
header {
  background: var(--d-gray);
  border-bottom: 2px solid var(--d-black);
  backdrop-filter: none;
  box-shadow: inset 0 -2px 0 var(--d-shadow);
}
.head-desc { padding: 12px 0; }
.logo-v2ray-vpn a, .logo-mob a,
.menu-desc ul li a {
  display: inline-flex;
  align-items: center;
  background: var(--d-gray);
  color: var(--d-black);
  border: 0;
  box-shadow: var(--d-raised);
  font: 700 17px/1 var(--d-btn);
  text-transform: lowercase;
}
.logo-v2ray-vpn a, .logo-mob a { padding: 6px 20px 6px 10px; font-size: 18px; }
.logo-v2ray-vpn img, .logo-mob img {
  width: 30px; height: 30px; margin-right: 10px; border-radius: 0;
  image-rendering: pixelated; vertical-align: middle;
}
.logo-v2ray-vpn a:hover { opacity: 1; }
.menu-desc ul { gap: 12px; }
.menu-desc ul li a { padding: 12px 20px; }
.menu-desc ul li a:hover { color: var(--d-black); box-shadow: var(--d-pressed); }

/* ==========================================================================
   КНОПКИ
   ========================================================================== */
/* Главные — ярко-зелёные */
.button-getkey-h-desc,
.menu-popup .button-getkey-h-desc,
.intro-button-getkey,
.button-getkey-vpn,
.get-telegram-btn,
body .set-button {
  background: var(--d-green);
  color: var(--d-black);
  font: 700 18px/1.2 var(--d-btn);
  text-transform: lowercase;
  border: 0;
  border-radius: 0;
  box-shadow: var(--d-green-raised);
  text-shadow: none;
  transition: none;
}
.button-getkey-h-desc { padding: 12px 22px; font-size: 17px; }
/* Пунктирная рамка фокуса внутри, как на официальном сайте */
.intro-button-getkey, .button-getkey-vpn, .get-telegram-btn, body .set-button {
  outline: 2px dashed var(--d-black);
  outline-offset: -8px;
  padding: 18px 40px;
}
.intro-button-getkey:hover, .button-getkey-h-desc:hover, .button-getkey-vpn:hover, .get-telegram-btn:hover, body .set-button:hover {
  background: #8BFF66;
  color: var(--d-black);
  transform: none;
}
.intro-button-getkey:active, .button-getkey-h-desc:active, .button-getkey-vpn:active, .get-telegram-btn:active {
  box-shadow: inset 1px 1px 0 var(--d-black), inset 2px 2px 0 #346F22;
}
/* Вторичные — серые объёмные */
.intro-button-moreinfo,
.support-btn,
.pc-but,
.tab-btn {
  background: var(--d-gray);
  color: var(--d-black);
  font: 700 17px/1.25 var(--d-btn);
  text-transform: lowercase;
  border: 0;
  border-radius: 0;
  box-shadow: var(--d-raised);
  transition: none;
}
.intro-button-moreinfo:hover, .support-btn:hover, .tab-btn:hover, .pc-but:hover {
  background: var(--d-gray);
  color: var(--d-black);
  border: 0;
  outline: 1px dotted var(--d-black);
  outline-offset: -7px;
}
.intro-button-moreinfo:active, .support-btn:active, .pc-but:active,
.tab-btn.tab-btn-active {
  background: var(--d-gray);
  color: var(--d-black);
  box-shadow: var(--d-pressed);
}
.tab-btn.tab-btn-active { background: var(--d-green); box-shadow: var(--d-green-raised); }
.tab-btn { min-width: 120px; padding: 22px 20px; }
.platform-icon, .pc-img {
  background: var(--d-white);
  color: var(--d-navy);
  border-radius: 0;
  box-shadow: var(--d-field);
}

/* ==========================================================================
   ОКНО .exe — карточки и блоки
   ========================================================================== */
.choose-v2ray,
.server-card,
.v2ray-pc-advantage,
.multiplatforms-v2rayvpn,
.diagnostic-card,
.solution-card,
.step-item,
.recommended-settings-vpn,
.down-windows-macos,
.intro-buttons-vpn,
body .post-card {
  position: relative;
  background: var(--d-gray);
  border: 0;
  border-radius: 0;
  box-shadow: var(--d-raised), 6px 6px 0 rgba(0, 0, 0, .35);
  color: var(--d-black);
  padding-top: calc(36px + 24px);
  overflow: hidden;
}
.choose-v2ray::before,
.server-card::before,
.v2ray-pc-advantage::before,
.multiplatforms-v2rayvpn::before,
.diagnostic-card::before,
.solution-card::before,
.step-item::before,
.recommended-settings-vpn::before,
.down-windows-macos::before,
.intro-buttons-vpn::before,
body .post-card::before {
  content: 'durev.exe';
  position: absolute;
  top: 3px; left: 3px; right: 3px;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  background: var(--d-navy);
  color: var(--d-white);
  font: 700 15px/32px var(--d-btn);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0;
  opacity: 1;
  transform: none !important;
  display: block;
  z-index: 3;
  pointer-events: none;
}
.server-card::before              { content: 'сервер.exe'; }
.solution-card::before            { content: 'решение.exe'; }
.diagnostic-card::before          { content: 'диагностика.exe'; }
.step-item::before                { content: 'настройка.exe'; }
.recommended-settings-vpn::before { content: 'настройки.ini'; }
.down-windows-macos::before       { content: 'установка.exe'; }
.multiplatforms-v2rayvpn::before  { content: 'платформа.exe'; }
.v2ray-pc-advantage::before       { content: 'durev_pc.exe'; }
.intro-buttons-vpn::before        { content: 'подписка.exe'; }
body .post-card::before           { content: 'блог.txt'; }

.choose-v2ray h3, .v2ray-pc-advantage h3, .top-plat-block h3, .cont-step h3,
.solution-card h3, .diagnostic-card h2, .recommended-settings-vpn h3,
.step-content h4, .pc-txt h4, .server-info h3 {
  color: var(--d-black);
  font-weight: 700;
}
.choose-v2ray p, .v2ray-pc-advantage p, .diagnostic-card p, .step-content p,
.cont-tab p, .cont-step p, .pc-txt p, .top-plat-block p, .server-info p,
.recommended-settings-vpn ul li, .plat-spis li {
  color: #1A1A1A;
}
.choose-v2ray:hover, .v2ray-pc-advantage:hover, .multiplatforms-v2rayvpn:hover, .server-card:hover {
  transform: none !important;
  border-color: transparent;
}

/* Окно «подписка.exe» с кнопками на первом экране */
.intro-buttons-vpn {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  padding: 58px 22px 22px;
  margin-left: auto; margin-right: auto;
}

/* ==========================================================================
   СЕКЦИИ: тёмно-синий ↔ синий, как на официальном сайте
   ========================================================================== */
.v2ray-vpn, .first-block-v2ray, .downloadpc-v2ray, .now,
.servers, .support-solutions, .why-pc, .set-platform { background: var(--d-navy); }
.why, .faq, .platforms-supported, .support-diagnostic,
.downloadpc-v2ray + .why-pc { background: var(--d-blue); }

/* «Карта мира» из точек на тёмно-синем */
.servers, .v2ray-vpn {
  background-image: radial-gradient(circle, var(--d-dots) 4px, transparent 4.5px);
  background-size: 16px 16px;
  background-position: center;
}
.servers { background-color: var(--d-navy); }
.v2ray-vpn {
  background-color: var(--d-navy);
  background-image: radial-gradient(circle, rgba(40, 39, 142, .55) 3px, transparent 3.5px);
  background-size: 18px 18px;
}
.v2ray-vpn::before,
.first-block-v2ray::before,
.downloadpc-v2ray::before { display: none; }
.v2ray-vpn { min-height: auto; padding-top: 150px; padding-bottom: 90px; }
.first-block-v2ray { padding: 150px 0 80px; }
.downloadpc-v2ray { padding: 150px 0 70px; }

/* Заголовки */
.title-h1-v2ray,
.h1-v2ray-vpn {
  background: none;
  -webkit-text-fill-color: var(--d-white);
  color: var(--d-white);
  font: 34px/1.4 var(--d-head);
  text-transform: lowercase;
}
.h2-v2ray-vpn, .h2-v2ray-vpn-test, .tab-info-use h2, .down-pc-b h3 {
  color: var(--d-white);
  font: 28px/1.4 var(--d-head);
  text-transform: lowercase;
}
.use-v2ray, .first-block-txt, .get-for-pc-txt, .info-test, .section-header p { color: var(--d-white); }
.first-block-txt a { color: var(--d-green); text-decoration: underline; }
.advantage-info h3 { color: var(--d-green); }
.advantage-info p { color: var(--d-white); }

/* Цифры на первом экране — зелёные, как акценты оригинала */
.features-v2rayvpn { gap: 48px; }
.card-item { background: none; border: 0; box-shadow: none; }
.intro-numb { color: var(--d-green); font: 30px/1.3 var(--d-head); }
.intro-txt { color: var(--d-white); letter-spacing: 0; text-transform: lowercase; font-size: 15px; }

/* Значки в карточках */
.why-icon, .why-pc-ic, .plat-ic-t {
  background: var(--d-white);
  border: 0;
  border-radius: 0;
  color: var(--d-navy);
  box-shadow: var(--d-field);
}
.why-icon svg { color: var(--d-navy); fill: currentColor; }

/* Шаги, номера, бейджи */
.numb-step, .step-number {
  background: var(--d-navy);
  color: var(--d-white);
  border-radius: 0;
  font-family: var(--d-head);
  font-size: 13px;
}
.tops {
  top: 42px;
  background: var(--d-green);
  color: var(--d-black);
  border-radius: 0;
  box-shadow: var(--d-green-raised);
  z-index: 4;
}
.step { background: var(--d-white); box-shadow: var(--d-field); border-radius: 0; }
.time-d { background: var(--d-green); color: var(--d-black); box-shadow: var(--d-green-raised); border-radius: 0; font: 700 15px var(--d-btn); }
.recommended-settings-vpn { border-left: 0; padding: 60px 30px 28px; }
.recommended-settings-vpn ul li { border-bottom: 1px dotted var(--d-shadow); }
.plat-spis li { border-bottom: 1px dotted var(--d-shadow); }
.plat-spis li::before { color: #1E7A00; }

/* Серверы */
.server-card { padding: 58px 16px 16px; }
.server-stat-value { color: var(--d-navy); font-weight: 700; }
.server-stat-label { color: #333; }
.server-status { color: #1E7A00; font-weight: 700; }
.server-status::before { border-radius: 0; animation: none; background: #1E7A00; }

/* ==========================================================================
   FAQ — белые поля с вдавленной рамкой и чёрным треугольником
   ========================================================================== */
.details {
  background: var(--d-white);
  border: 0;
  border-radius: 0;
  margin: 0 auto 16px;
  padding: 0;
  box-shadow: var(--d-raised);
}
.details__title {
  padding: 18px 56px 18px 18px;
  color: var(--d-black);
  font: 18px/1.4 var(--d-font);
}
.details__title:hover, .details[open] .details__title { color: var(--d-black); }
.details::after {
  top: 24px; right: 20px;
  width: 0; height: 0;
  border: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 11px solid var(--d-black);
  transform: none;
}
.details[open]::after { transform: rotate(180deg); }
.details[open] { padding-bottom: 0; }
.details__content {
  margin: 0;
  padding: 0 18px 18px;
  color: #1A1A1A;
  font-size: 17px;
}

/* ==========================================================================
   ПОДВАЛ — тёмно-синий
   ========================================================================== */
.footer-v2ray { background: var(--d-navy); border-top: 0; }
.footer-v2ray .logo-v2ray-vpn a { background: none; box-shadow: none; color: var(--d-white); font: 24px var(--d-head); padding: 0; text-transform: none; }
.footer-v2ray .logo-v2ray-vpn img { width: 48px; height: 48px; }
.footer-txt, .footer-block-2 a { color: var(--d-white); }
.footer-block-2 a { text-decoration: underline; }
.footer-block-2 a:hover { color: var(--d-green); }
.footer-menu-txt { color: var(--d-white); }
.footer-bottom { border-top: 1px solid var(--d-dots); color: var(--d-white); }

/* ==========================================================================
   МОБИЛЬНОЕ МЕНЮ
   ========================================================================== */
.head-mob { background: var(--d-gray); }
.menu-triger, .menu-close { filter: invert(1); }
.menu-popup {
  background: var(--d-gray);
  box-shadow: var(--d-raised);
  padding-top: 0 !important;
}
.menu-popup::before {
  content: 'меню.exe';
  display: block;
  height: 32px; line-height: 32px;
  margin: 3px -17px 14px;
  background: var(--d-navy);
  color: var(--d-white); font: 700 15px/32px var(--d-btn); text-align: center;
}
.menu-close { margin-top: -2px; }
.menu-mob ul li a { color: var(--d-black); font-family: var(--d-font); text-transform: lowercase; }
.menu-mob ul li a:hover { background: var(--d-navy); color: var(--d-white); }

/* ==========================================================================
   БЛОГ И ЗАПИСИ
   ========================================================================== */
body .post-card { padding-top: 38px; }
body .post-card .post-title { color: var(--d-black); }
body .post-meta { color: #333; }
body .pagination a, body .pagination span { background: var(--d-gray); color: var(--d-black); border: 0; border-radius: 0; box-shadow: var(--d-raised); }
body .pagination .current { background: var(--d-green); color: var(--d-black); box-shadow: var(--d-green-raised); }
body .archive-title, body .post-article .post-title { color: var(--d-white); font-family: var(--d-head); font-size: 26px; line-height: 1.4; }
body .post-article .post-content { background: var(--d-white); color: var(--d-black); padding: 28px; box-shadow: var(--d-field); }
body .post-content a { color: var(--d-blue); }
body .post-content blockquote { border-left-color: var(--d-navy); color: #333; }
body .set-txt, body .now-txt { color: var(--d-white); }
body .title-h2-s { color: var(--d-white); font-family: var(--d-head); }

/* ==========================================================================
   АДАПТИВ
   ========================================================================== */
@media (max-width: 768px) {
  .v2ray-vpn, .first-block-v2ray, .downloadpc-v2ray { padding-top: 110px; padding-bottom: 50px; }
  .title-h1-v2ray, .h1-v2ray-vpn { font-size: 20px; }
  .h2-v2ray-vpn, .h2-v2ray-vpn-test, .tab-info-use h2, .down-pc-b h3 { font-size: 18px; }
  .intro-buttons-vpn { display: flex; padding: 54px 16px 18px; }
  .choose-v2ray, .v2ray-pc-advantage, .multiplatforms-v2rayvpn, .diagnostic-card, .solution-card { padding: 56px 18px 22px; }
  .step-item { padding: 56px 16px 18px; }
  .features-v2rayvpn { gap: 20px; }
  .intro-numb { font-size: 22px; }
  .logo-mob a { padding: 5px 14px 5px 8px; font-size: 16px; }
  .details__title { font-size: 16px; }
}