/*
Theme Name: Shiva VPN RU Theme
Theme URI: https://shivavpn.io/ru/
Author: OpenAI
Author URI: https://openai.com
Description: Тёмная адаптивная SEO-friendly тема WordPress для Shiva VPN.
Version: 1.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: shiva-vpn-ru
*/

:root{
  --svpn-bg:#07110c;
  --svpn-bg-2:#0b1812;
  --svpn-bg-3:#101f18;
  --svpn-surface:#101d17;
  --svpn-surface-2:#13241d;
  --svpn-surface-3:#182c23;
  --svpn-text:#edf7f0;
  --svpn-text-2:#a8b8af;
  --svpn-line:rgba(122, 255, 180, .10);
  --svpn-primary:#34e27a;
  --svpn-primary-2:#1db954;
  --svpn-accent:#7affb4;
  --svpn-accent-2:#24ff92;
  --svpn-danger:#ff6b6b;
  --svpn-shadow:0 24px 60px rgba(0,0,0,.38);
  --svpn-shadow-soft:0 14px 36px rgba(0,0,0,.24);
  --svpn-glow:0 0 0 1px rgba(122,255,180,.14), 0 0 32px rgba(52,226,122,.10);
  --svpn-radius:24px;
  --svpn-radius-sm:18px;
  --svpn-container:1200px;
  --svpn-header-h:78px;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  color:var(--svpn-text);
  background:
    radial-gradient(circle at top right, rgba(52,226,122,.10), transparent 26%),
    radial-gradient(circle at top left, rgba(122,255,180,.08), transparent 22%),
    linear-gradient(180deg, #06100b 0%, #08130e 30%, #09150f 100%);
  line-height:1.65;
  min-width:320px;
}

img{
  max-width:100%;
  height:auto;
  display:block;
}

a{
  color:var(--svpn-accent);
  text-decoration:none;
}

a:hover{
  text-decoration:none;
}

button,
input,
textarea,
select{
  font:inherit;
}

body.svpn-menu-open{
  overflow:hidden;
}

.svpn-container{
  width:min(calc(100% - 32px), var(--svpn-container));
  margin:0 auto;
}

.svpn-section{
  padding:88px 0;
}

.svpn-section-sm{
  padding:56px 0;
}

.svpn-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--svpn-accent-2);
  margin-bottom:16px;
}

.svpn-eyebrow::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--svpn-primary),var(--svpn-accent));
  box-shadow:0 0 0 6px rgba(52,226,122,.10);
}

.svpn-title{
  margin:0 0 16px;
  font-size:clamp(32px,4vw,58px);
  line-height:1.05;
  letter-spacing:-.03em;
}

.svpn-title-md{
  margin:0 0 14px;
  font-size:clamp(26px,3vw,42px);
  line-height:1.08;
  letter-spacing:-.02em;
}

.svpn-subtitle{
  margin:0;
  color:var(--svpn-text-2);
  font-size:18px;
  max-width:760px;
}

.svpn-page-header{
  padding:48px 0 24px;
}

.svpn-page-header__box{
  padding:34px;
  background:linear-gradient(180deg, rgba(20,34,28,.96) 0%, rgba(11,23,18,.96) 100%);
  border:1px solid var(--svpn-line);
  border-radius:28px;
  box-shadow:var(--svpn-shadow-soft), var(--svpn-glow);
}

.svpn-breadcrumbs{
  margin:0 0 14px;
  font-size:14px;
  color:var(--svpn-text-2);
}

.svpn-breadcrumbs a{
  color:var(--svpn-text-2);
}

.svpn-grid{
  display:grid;
  gap:24px;
}

.svpn-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.svpn-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.svpn-grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.svpn-card{
  background:linear-gradient(180deg, rgba(19,36,29,.96) 0%, rgba(12,24,19,.98) 100%);
  border:1px solid var(--svpn-line);
  border-radius:var(--svpn-radius);
  box-shadow:var(--svpn-shadow-soft);
  padding:28px;
}

.svpn-card--accent{
  color:#06110b;
  background:linear-gradient(135deg,var(--svpn-primary),var(--svpn-accent));
  border:none;
  box-shadow:0 20px 50px rgba(36,255,146,.18);
}

.svpn-card--accent p,
.svpn-card--accent .svpn-muted{
  color:rgba(6,17,11,.78);
}

.svpn-card--soft{
  background:linear-gradient(180deg, rgba(15,29,24,.96) 0%, rgba(10,20,16,.98) 100%);
}

.svpn-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(52,226,122,.14), rgba(122,255,180,.10));
  border:1px solid rgba(122,255,180,.10);
  color:var(--svpn-accent-2);
  font-size:24px;
  margin-bottom:18px;
  box-shadow:inset 0 0 24px rgba(52,226,122,.06);
}

.svpn-checklist,
.svpn-list{
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

.svpn-checklist li,
.svpn-list li{
  position:relative;
  padding-left:28px;
  margin-bottom:12px;
  color:var(--svpn-text-2);
}

.svpn-checklist li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--svpn-accent-2);
  font-weight:700;
}

.svpn-list li::before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:var(--svpn-accent-2);
  font-size:20px;
  line-height:1;
}

.svpn-btns{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}

.svpn-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:700;
  text-align:center;
  transition:.25s ease;
  cursor:pointer;
}

.svpn-btn:hover{
  transform:translateY(-1px);
}

.svpn-btn-primary{
  color:#06110b;
  background:linear-gradient(135deg,var(--svpn-primary),var(--svpn-accent));
  box-shadow:0 14px 34px rgba(52,226,122,.22);
}

.svpn-btn-secondary{
  color:var(--svpn-text);
  background:rgba(255,255,255,.02);
  border-color:rgba(122,255,180,.14);
}

.svpn-btn-ghost{
  color:var(--svpn-accent);
  background:rgba(52,226,122,.08);
  border-color:rgba(52,226,122,.14);
}

.svpn-site{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.svpn-main{
  flex:1 0 auto;
}

.svpn-header{
  position:sticky;
  top:0;
  z-index:1000;
  backdrop-filter:blur(16px);
  background:rgba(7,17,12,.84);
  border-bottom:1px solid rgba(122,255,180,.08);
}

.svpn-header__wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:var(--svpn-header-h);
}

.svpn-logo{
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  font-weight:800;
  font-size:20px;
}

.svpn-logo__mark{
  width:38px;
  height:38px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--svpn-primary),var(--svpn-accent));
  box-shadow:0 10px 24px rgba(52,226,122,.20);
  position:relative;
}

.svpn-logo__mark::before{
  content:"";
  position:absolute;
  inset:9px;
  border:2px solid rgba(8,16,12,.88);
  border-radius:10px;
}

.svpn-nav{
  display:flex;
  align-items:center;
  gap:26px;
}

.svpn-nav-menu,
.svpn-nav-menu ul{
  display:flex;
  align-items:center;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
}

.svpn-nav-menu > li{
  position:relative;
}

.svpn-nav-menu > li > a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  color:var(--svpn-text);
  font-weight:600;
}

.svpn-nav-menu > li > a:hover,
.svpn-nav-menu > li.current-menu-item > a,
.svpn-nav-menu > li.current_page_item > a{
  background:rgba(255,255,255,.04);
  color:#fff;
}

.svpn-header__actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.svpn-burger{
  display:none;
  width:46px;
  height:46px;
  border:none;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(122,255,180,.10);
  box-shadow:none;
  position:relative;
  cursor:pointer;
}

.svpn-burger span,
.svpn-burger::before,
.svpn-burger::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  height:2px;
  background:#fff;
  transition:.25s ease;
}

.svpn-burger span{ top:22px; }
.svpn-burger::before{ top:15px; }
.svpn-burger::after{ top:29px; }

.svpn-burger.is-active span{ opacity:0; }
.svpn-burger.is-active::before{ top:22px; transform:rotate(45deg); }
.svpn-burger.is-active::after{ top:22px; transform:rotate(-45deg); }

.svpn-hero{
  padding:24px 0 44px;
}

.svpn-hero__wrap{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:34px;
  align-items:center;
}

.svpn-hero__content{
  padding:18px 0;
}

.svpn-hero__note{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 0;
}

.svpn-pill{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(122,255,180,.10);
  color:var(--svpn-text);
  font-size:14px;
  font-weight:600;
  box-shadow:none;
}

.svpn-hero__visual{
  position:relative;
}

.svpn-device{
  background:linear-gradient(180deg,#122118 0%, #0d1913 100%);
  border:1px solid rgba(122,255,180,.10);
  border-radius:30px;
  box-shadow:var(--svpn-shadow), var(--svpn-glow);
  overflow:hidden;
}

.svpn-device__top{
  display:flex;
  align-items:center;
  gap:8px;
  padding:16px 18px;
  border-bottom:1px solid rgba(122,255,180,.08);
}

.svpn-device__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#294336;
}

.svpn-device__body{
  padding:26px;
}

.svpn-stat{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-radius:20px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(122,255,180,.08);
  margin-bottom:16px;
}

.svpn-stat strong{
  display:block;
  font-size:18px;
  color:#fff;
}

.svpn-stat span{
  color:var(--svpn-text-2);
  font-size:14px;
}

.svpn-orbit{
  position:absolute;
  right:-18px;
  bottom:-24px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(36,255,146,.18) 0%, rgba(36,255,146,.05) 42%, transparent 68%);
  pointer-events:none;
  filter:blur(2px);
}

.svpn-platforms,
.svpn-partners{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.svpn-platform{
  padding:12px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(122,255,180,.10);
  color:#fff;
  font-weight:700;
}

.svpn-price-card{
  position:relative;
  overflow:hidden;
}

.svpn-price-card--popular{
  border:1px solid rgba(122,255,180,.26);
  box-shadow:var(--svpn-shadow-soft), 0 0 0 1px rgba(52,226,122,.10), 0 0 36px rgba(52,226,122,.08);
  transform:translateY(-6px);
}

.svpn-badge{
  position:absolute;
  top:18px;
  right:18px;
  padding:7px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#06110b;
  background:linear-gradient(135deg,var(--svpn-primary),var(--svpn-accent));
}

.svpn-price{
  display:flex;
  align-items:flex-end;
  gap:10px;
  margin:16px 0 8px;
}

.svpn-price strong{
  font-size:44px;
  line-height:1;
  letter-spacing:-.03em;
  color:#fff;
}

.svpn-price span{
  color:var(--svpn-text-2);
  font-weight:600;
}

.svpn-muted{
  color:var(--svpn-text-2);
}

.svpn-cta{
  position:relative;
  overflow:hidden;
  color:#06110b;
  background:linear-gradient(135deg,var(--svpn-primary) 0%, #207947 100%);
  border-radius:32px;
  padding:38px;
  box-shadow:0 24px 50px rgba(36,255,146,.18);
}

.svpn-cta::after{
  content:"";
  position:absolute;
  inset:auto -90px -90px auto;
  width:240px;
  height:240px;
  border-radius:50%;
  background:rgba(255,255,255,.16);
}

.svpn-cta p,
.svpn-cta .svpn-muted{
  color:rgba(6,17,11,.82);
}

.svpn-faq{
  display:grid;
  gap:14px;
  margin-top:28px;
}

.svpn-faq__item{
  background:linear-gradient(180deg, rgba(18,33,26,.96) 0%, rgba(12,23,18,.98) 100%);
  border:1px solid rgba(122,255,180,.08);
  border-radius:20px;
  overflow:hidden;
  box-shadow:var(--svpn-shadow-soft);
}

.svpn-faq__button{
  width:100%;
  border:none;
  background:none;
  padding:22px 24px;
  text-align:left;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  font-size:18px;
  font-weight:700;
  color:#fff;
}

.svpn-faq__button::after{
  content:"+";
  flex:0 0 auto;
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(52,226,122,.08);
  color:var(--svpn-accent-2);
  font-size:20px;
  line-height:1;
}

.svpn-faq__item.is-open .svpn-faq__button::after{
  content:"–";
}

.svpn-faq__content{
  display:none;
  padding:0 24px 22px;
  color:var(--svpn-text-2);
}

.svpn-steps{
  counter-reset:svpnSteps;
  display:grid;
  gap:18px;
}

.svpn-step{
  position:relative;
  padding:26px 24px 24px 88px;
  background:linear-gradient(180deg, rgba(19,36,29,.96) 0%, rgba(12,24,19,.98) 100%);
  border:1px solid rgba(122,255,180,.08);
  border-radius:22px;
  box-shadow:var(--svpn-shadow-soft);
}

.svpn-step::before{
  counter-increment:svpnSteps;
  content:counter(svpnSteps);
  position:absolute;
  left:24px;
  top:24px;
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  font-weight:800;
  color:#06110b;
  background:linear-gradient(135deg,var(--svpn-primary),var(--svpn-accent));
}

.svpn-table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(18,33,26,.96) 0%, rgba(12,23,18,.98) 100%);
  border:1px solid rgba(122,255,180,.08);
  border-radius:20px;
  box-shadow:var(--svpn-shadow-soft);
}

.svpn-table th,
.svpn-table td{
  padding:16px 18px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid rgba(122,255,180,.08);
}

.svpn-table th{
  background:rgba(255,255,255,.02);
  font-size:14px;
  color:#fff;
}

.svpn-table tr:last-child td{
  border-bottom:none;
}

.svpn-kv{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.svpn-kv__item{
  padding:18px 20px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(18,33,26,.96) 0%, rgba(12,23,18,.98) 100%);
  border:1px solid rgba(122,255,180,.08);
  box-shadow:var(--svpn-shadow-soft);
}

.svpn-kv__label{
  display:block;
  margin-bottom:8px;
  font-size:13px;
  font-weight:700;
  color:var(--svpn-text-2);
  text-transform:uppercase;
  letter-spacing:.04em;
}

.svpn-article{
  background:linear-gradient(180deg, rgba(17,30,24,.96) 0%, rgba(10,20,16,.98) 100%);
  border:1px solid rgba(122,255,180,.08);
  border-radius:28px;
  box-shadow:var(--svpn-shadow-soft);
  padding:34px;
}

.svpn-article h1,
.svpn-article h2,
.svpn-article h3,
.svpn-editor h1,
.svpn-editor h2,
.svpn-editor h3{
  color:#fff;
  line-height:1.18;
  letter-spacing:-.02em;
}

.svpn-article h2{
  font-size:clamp(24px,2.8vw,36px);
  margin:34px 0 14px;
}

.svpn-article h3{
  font-size:24px;
  margin:26px 0 12px;
}

.svpn-article p{
  margin:0 0 16px;
  color:var(--svpn-text-2);
}

.svpn-article ul{
  margin:0 0 16px 20px;
  color:var(--svpn-text-2);
}

.svpn-meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:14px 0 0;
}

.svpn-note{
  padding:18px 20px;
  border-left:4px solid var(--svpn-primary);
  border-radius:18px;
  background:rgba(52,226,122,.08);
  color:var(--svpn-text);
}

.svpn-footer{
  margin-top:80px;
  background:#050d09;
  color:rgba(255,255,255,.78);
  border-top:1px solid rgba(122,255,180,.08);
}

.svpn-footer a{
  color:rgba(255,255,255,.86);
}

.svpn-footer__top{
  padding:56px 0 28px;
}

.svpn-footer__grid{
  display:grid;
  grid-template-columns:1.3fr .8fr .8fr .8fr;
  gap:28px;
}

.svpn-footer__title{
  margin:0 0 14px;
  font-size:18px;
  color:#fff;
}

.svpn-footer__menu{
  list-style:none;
  margin:0;
  padding:0;
}

.svpn-footer__menu li{
  margin-bottom:10px;
}

.svpn-footer__bottom{
  padding:18px 0 34px;
  border-top:1px solid rgba(255,255,255,.06);
  font-size:14px;
}

.svpn-content{
  padding-top:18px;
}

.svpn-editor{
  background:linear-gradient(180deg, rgba(17,30,24,.96) 0%, rgba(10,20,16,.98) 100%);
  border:1px solid rgba(122,255,180,.08);
  border-radius:24px;
  box-shadow:var(--svpn-shadow-soft);
  padding:30px;
}

.svpn-editor p,
.svpn-editor li{
  color:var(--svpn-text-2);
}

.svpn-404{
  padding:100px 0;
}

.svpn-404__box{
  max-width:720px;
  margin:0 auto;
  text-align:center;
  background:linear-gradient(180deg, rgba(17,30,24,.96) 0%, rgba(10,20,16,.98) 100%);
  border:1px solid rgba(122,255,180,.08);
  border-radius:32px;
  box-shadow:var(--svpn-shadow);
  padding:48px 32px;
}

.screen-reader-text{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media (max-width: 1100px){
  .svpn-hero__wrap,
  .svpn-footer__grid{
    grid-template-columns:1fr;
  }

  .svpn-grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .svpn-grid-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 1040px){
 :root{
    --svpn-header-h:72px;
  }

  .svpn-burger{
    display:block;
	  margin-left: auto;
  }

  .svpn-nav{
    position:fixed;
    top:72px;
    left:16px;
    right:16px;
    bottom:16px;
    overflow:auto;
    display:none;
    align-items:stretch;
    background:rgba(7,17,12,.98);
    border:1px solid rgba(122,255,180,.10);
    border-radius:24px;
    box-shadow:var(--svpn-shadow);
    padding:18px;
  }

  .svpn-nav.is-open{
    display:block;
  }

  .svpn-nav-menu,
  .svpn-nav-menu ul{
    display:block;
  }

  .svpn-nav-menu > li > a{
    display:flex;
    justify-content:space-between;
    min-height:52px;
    padding:0 16px;
    margin-bottom:8px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(122,255,180,.08);
    box-shadow:none;
  }

  .svpn-header__actions .svpn-btn{
    display:none;
  }
}



@media (max-width: 900px){
 

  .svpn-hero{
    padding-top:22px;
  }

  .svpn-grid-2,
  .svpn-grid-3,
  .svpn-grid-4,
  .svpn-kv{
    grid-template-columns:1fr;
  }

  .svpn-price-card--popular{
    transform:none;
  }
}

@media (max-width: 700px){
  .svpn-section{
    padding:28px 0;
  }

  .svpn-card,
  .svpn-cta,
  .svpn-page-header__box,
  .svpn-article,
  .svpn-editor{
    padding:24px;
    border-radius:24px;
  }

  .svpn-faq__button{
    padding:18px 18px;
    font-size:17px;
  }

  .svpn-faq__content{
    padding:0 18px 18px;
  }

  .svpn-step{
    padding:84px 20px 22px 20px;
  }

  .svpn-step::before{
    left:20px;
    top:20px;
  }

  .svpn-table,
  .svpn-table thead,
  .svpn-table tbody,
  .svpn-table tr,
  .svpn-table th,
  .svpn-table td{
    display:block;
    width:100%;
  }

  .svpn-table thead{
    display:none;
  }

  .svpn-table tr{
    padding:14px 16px;
    border-bottom:1px solid rgba(122,255,180,.08);
  }

  .svpn-table td{
    padding:8px 0;
    border:none;
  }

  .svpn-table td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:4px;
    font-size:12px;
    font-weight:700;
    color:var(--svpn-text-2);
    text-transform:uppercase;
    letter-spacing:.04em;
  }
}

@media (max-width: 480px){
  .svpn-container{
    width:min(calc(100% - 24px), var(--svpn-container));
  }

  .svpn-btns{
    flex-direction:column;
  }

  .svpn-btn{
    width:100%;
  }

  .svpn-title{
    font-size:34px;
  }

  .svpn-title-md{
    font-size:28px;
  }
}
.head-btn {
	width: auto;
}
@media (max-width: 400px){
	header .svpn-logo span {
		display:none;
	}
.svpn-device__body
 {
   padding: 16px;
}
	.svpn-card, .svpn-cta, .svpn-page-header__box, .svpn-article, .svpn-editor
 {
	 padding: 14px;}
}