/* =========================================================
   VELOCITY CARDS V29
   New-design-only art. NO old website images.
   Home / Skinovi / Kazne / Ranking are intentionally untouched.
   ========================================================= */

.vc-v29{
  --v29-bg:#061522;
  --v29-bg2:#081d2d;
  --v29-card:rgba(7,25,39,.90);
  --v29-card2:rgba(8,31,47,.94);
  --v29-line:rgba(83,157,207,.17);
  --v29-line-hi:rgba(57,181,249,.43);
  --v29-text:#eef8fc;
  --v29-muted:#86a2b3;
  --v29-blue:#1aa8f5;
  --v29-blue2:#087acb;
}

/* shared section/card language */
.vc-v29 :is(.panel,.staff-card,.vc-owner-card,.vc-management-card,.vip-plan,.vip-compare,.vip-compare-item,.vip-weapon-box,.vip-perk,.profile-head,.profile-stat,.rule-item){
  position:relative!important;
  overflow:hidden!important;
  border-color:var(--v29-line)!important;
  background:
    radial-gradient(circle at 90% 0,rgba(27,146,218,.08),transparent 30%),
    linear-gradient(155deg,rgba(9,31,47,.95),rgba(5,21,34,.95))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.20)!important;
}

.vc-v29 :is(.panel,.staff-card,.vc-owner-card,.vc-management-card,.vip-plan,.vip-compare,.vip-compare-item,.vip-weapon-box,.vip-perk,.profile-head,.profile-stat,.rule-item){
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

.vc-v29 :is(.panel,.staff-card,.vc-management-card,.vip-plan,.vip-compare-item,.vip-weapon-box,.vip-perk,.profile-stat):hover{
  transform:translateY(-3px)!important;
  border-color:var(--v29-line-hi)!important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.25),
    0 0 24px rgba(25,145,220,.06)!important;
}

/* small new-design shine */
.vc-v29 :is(.panel,.staff-card,.vc-owner-card,.vc-management-card,.vip-plan,.vip-compare,.profile-head)::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(118deg,transparent 0 58%,rgba(255,255,255,.035) 71%,transparent 84%)!important;
}

.vc-v29 :is(.panel,.staff-card,.vc-owner-card,.vc-management-card,.vip-plan,.vip-compare,.profile-head)>*{
  position:relative!important;
  z-index:2!important;
}

/* =========================================================
   VIP
   ========================================================= */

.vc-v29-vip .vip-hero{
  position:relative!important;
  overflow:hidden!important;
  padding:72px 0 44px!important;
  background:
    radial-gradient(circle at 80% 30%,rgba(26,151,228,.16),transparent 28%),
    linear-gradient(180deg,#071826,#06131f)!important;
  border-bottom:1px solid rgba(72,151,202,.12)!important;
}

.vc-v29-vip .vip-hero::after{
  content:""!important;
  position:absolute!important;
  right:max(3vw,20px)!important;
  top:50%!important;
  width:min(460px,42vw)!important;
  height:min(310px,30vw)!important;
  transform:translateY(-48%)!important;
  background:url('/assets/img/ui-v29/vip.svg?v=29') center/contain no-repeat!important;
  opacity:.44!important;
  pointer-events:none!important;
}

.vc-v29-vip .vip-hero .container{
  position:relative!important;
  z-index:2!important;
}

.vc-v29-vip .vip-kicker{color:#57c7fb!important}
.vc-v29-vip .vip-title{
  color:#f4faff!important;
  text-shadow:0 12px 35px rgba(0,0,0,.30)!important;
}
.vc-v29-vip .vip-lead{color:#91aaba!important}

.vc-v29-vip .vip-grid{
  gap:18px!important;
  margin-top:28px!important;
}

.vc-v29-vip .vip-plan{
  padding:28px!important;
  border-radius:17px!important;
  min-height:100%!important;
}

.vc-v29-vip .vip-plan::after{
  content:""!important;
  position:absolute!important;
  right:-24px!important;
  top:-18px!important;
  width:210px!important;
  height:150px!important;
  background:url('/assets/img/ui-v29/vip.svg?v=29') center/contain no-repeat!important;
  opacity:.10!important;
  pointer-events:none!important;
  z-index:0!important;
}

.vc-v29-vip .vip-plan>*{position:relative!important;z-index:2!important}

.vc-v29-vip .vip-plan.silver{
  border-color:rgba(180,210,230,.28)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.22),inset 0 1px 0 rgba(210,235,250,.04)!important;
}

.vc-v29-vip .vip-plan.gold{
  border-color:rgba(255,200,83,.36)!important;
  background:
    radial-gradient(circle at 92% 0,rgba(255,196,72,.10),transparent 30%),
    linear-gradient(155deg,rgba(13,34,48,.96),rgba(6,22,34,.96))!important;
}

.vc-v29-vip .vip-plan.gold .vip-plan-name,
.vc-v29-vip .vip-plan.gold .vip-price strong{
  color:#ffd56b!important;
}

.vc-v29-vip .vip-plan.silver .vip-plan-name,
.vc-v29-vip .vip-plan.silver .vip-price strong{
  color:#d9edf8!important;
}

.vc-v29-vip .vip-perks{gap:8px!important}
.vc-v29-vip .vip-perk{
  padding:11px 12px!important;
  border-radius:10px!important;
  background:rgba(7,29,44,.70)!important;
}

.vc-v29-vip .vip-perk i{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border-radius:8px!important;
  background:rgba(26,151,225,.10)!important;
  border:1px solid rgba(66,177,240,.14)!important;
}

.vc-v29-vip .vip-weapon-box{
  border-radius:11px!important;
  background:rgba(7,27,42,.75)!important;
}

.vc-v29-vip .vip-weapon-box strong{color:#59c4fb!important}

.vc-v29-vip .vip-compare{
  border-radius:17px!important;
  padding:26px!important;
}

.vc-v29-vip .vip-compare-item{
  border-radius:12px!important;
  background:rgba(7,28,43,.72)!important;
}

.vc-v29-vip .vip-cta{
  border-radius:16px!important;
  border:1px solid rgba(62,178,243,.24)!important;
  background:
    linear-gradient(90deg,rgba(11,62,96,.58),rgba(6,25,39,.88))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18)!important;
}

/* =========================================================
   DONACIJE
   ========================================================= */

.vc-v29-donacije main,
.vc-v29-donacije .section{
  position:relative!important;
}

.vc-v29-donacije .hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 80% 28%,rgba(25,151,228,.15),transparent 30%),
    linear-gradient(180deg,#071826,#06131f)!important;
}

.vc-v29-donacije .hero::after,
.vc-v29-donacije main::after{
  content:""!important;
  position:absolute!important;
  top:60px!important;
  right:4vw!important;
  width:min(420px,38vw)!important;
  height:280px!important;
  background:url('/assets/img/ui-v29/donacije.svg?v=29') center/contain no-repeat!important;
  opacity:.23!important;
  pointer-events:none!important;
  z-index:0!important;
}

.vc-v29-donacije main>.section,
.vc-v29-donacije main>.container,
.vc-v29-donacije .hero>.container{
  position:relative!important;
  z-index:2!important;
}

.vc-v29-donacije :is(.panel,.donation-card,.donate-card,.donation-method,.donation-box){
  border-radius:16px!important;
}

.vc-v29-donacije :is(.panel,.donation-card,.donate-card,.donation-method,.donation-box)::after{
  content:""!important;
  position:absolute!important;
  right:-25px!important;
  top:-22px!important;
  width:170px!important;
  height:130px!important;
  background:url('/assets/img/ui-v29/donacije.svg?v=29') center/contain no-repeat!important;
  opacity:.07!important;
  pointer-events:none!important;
}

/* =========================================================
   STAFF / SERVER ADMINS
   ========================================================= */

.vc-v29-staff .hero,
.vc-v29-server-admins .hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 84% 30%,rgba(27,151,225,.15),transparent 30%),
    linear-gradient(180deg,#071826,#06131f)!important;
}

.vc-v29-staff .hero::after,
.vc-v29-server-admins .hero::after{
  content:""!important;
  position:absolute!important;
  right:4vw!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:min(420px,38vw)!important;
  height:290px!important;
  background:url('/assets/img/ui-v29/staff.svg?v=29') center/contain no-repeat!important;
  opacity:.28!important;
  pointer-events:none!important;
}

.vc-v29-staff .hero .container,
.vc-v29-server-admins .hero .container{
  position:relative!important;
  z-index:2!important;
}

.vc-v29-staff .vc-owner-card{
  border-radius:18px!important;
  border-color:rgba(60,178,245,.34)!important;
  background:
    radial-gradient(circle at 94% 10%,rgba(28,151,225,.12),transparent 32%),
    linear-gradient(145deg,rgba(8,39,59,.94),rgba(5,20,32,.97))!important;
}

.vc-v29-staff .vc-owner-card::after{
  content:""!important;
  position:absolute!important;
  right:-12px!important;
  top:-22px!important;
  width:230px!important;
  height:190px!important;
  background:url('/assets/img/ui-v29/staff.svg?v=29') center/contain no-repeat!important;
  opacity:.12!important;
  pointer-events:none!important;
}

.vc-v29-staff :is(.staff-card,.vc-management-card),
.vc-v29-server-admins .staff-card{
  border-radius:15px!important;
  padding:22px!important;
}

.vc-v29-staff .staff-avatar,
.vc-v29-server-admins .staff-avatar{
  border-color:rgba(67,182,248,.34)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24),0 0 24px rgba(23,143,216,.08)!important;
}

.vc-v29-staff .staff-rank,
.vc-v29-server-admins .staff-rank{
  border:1px solid rgba(55,177,245,.20)!important;
  background:rgba(15,92,137,.22)!important;
  color:#69c9fb!important;
}

/* =========================================================
   RULES / TERMS / PRIVACY
   ========================================================= */

.vc-v29-rules .hero,
.vc-v29-terms .hero,
.vc-v29-privacy .hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 84% 30%,rgba(26,149,224,.14),transparent 31%),
    linear-gradient(180deg,#071826,#06131f)!important;
}

.vc-v29-rules .hero::after,
.vc-v29-terms .hero::after,
.vc-v29-privacy .hero::after{
  content:""!important;
  position:absolute!important;
  right:4vw!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:min(390px,35vw)!important;
  height:270px!important;
  background:url('/assets/img/ui-v29/rules.svg?v=29') center/contain no-repeat!important;
  opacity:.24!important;
  pointer-events:none!important;
}

.vc-v29-terms .hero::after,
.vc-v29-privacy .hero::after{
  background-image:url('/assets/img/ui-v29/legal.svg?v=29')!important;
}

.vc-v29-rules .hero .container,
.vc-v29-terms .hero .container,
.vc-v29-privacy .hero .container{
  position:relative!important;
  z-index:2!important;
}

.vc-v29-rules .rules-list{
  border:1px solid var(--v29-line)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:rgba(6,23,36,.74)!important;
}

.vc-v29-rules .rule-item{
  margin:0!important;
  padding:20px!important;
  border:0!important;
  border-bottom:1px solid rgba(75,144,190,.12)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.vc-v29-rules .rule-item:last-child{border-bottom:0!important}

.vc-v29-rules .rule-num{
  color:#55c6fb!important;
  text-shadow:0 0 22px rgba(35,162,230,.14)!important;
}

.vc-v29-terms main .panel,
.vc-v29-privacy main .panel,
.vc-v29-terms article,
.vc-v29-privacy article{
  border-radius:16px!important;
}

/* =========================================================
   PLAYER PROFILE
   ========================================================= */

.vc-v29-player .profile-head{
  border-radius:18px!important;
  border-color:rgba(58,178,244,.27)!important;
  background:
    radial-gradient(circle at 90% 12%,rgba(26,149,225,.13),transparent 32%),
    linear-gradient(150deg,rgba(9,34,51,.95),rgba(5,20,32,.96))!important;
}

.vc-v29-player .profile-head::after{
  content:""!important;
  position:absolute!important;
  right:-20px!important;
  top:-22px!important;
  width:270px!important;
  height:205px!important;
  background:url('/assets/img/ui-v29/player.svg?v=29') center/contain no-repeat!important;
  opacity:.13!important;
  pointer-events:none!important;
}

.vc-v29-player .profile-avatar{
  border-color:rgba(62,180,246,.45)!important;
  box-shadow:
    0 16px 32px rgba(0,0,0,.30),
    0 0 28px rgba(24,148,222,.10)!important;
}

.vc-v29-player .profile-name{color:#eff9fd!important}

.vc-v29-player .profile-stat{
  min-width:100px!important;
  padding:10px 13px!important;
  border:1px solid rgba(76,148,198,.15)!important;
  border-radius:11px!important;
  background:rgba(7,28,43,.66)!important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:800px){
  .vc-v29-vip .vip-hero::after,
  .vc-v29-staff .hero::after,
  .vc-v29-server-admins .hero::after,
  .vc-v29-rules .hero::after,
  .vc-v29-terms .hero::after,
  .vc-v29-privacy .hero::after,
  .vc-v29-donacije .hero::after,
  .vc-v29-donacije main::after{
    right:-80px!important;
    width:300px!important;
    height:230px!important;
    opacity:.15!important;
  }

  .vc-v29-vip .vip-hero,
  .vc-v29-staff .hero,
  .vc-v29-server-admins .hero,
  .vc-v29-rules .hero,
  .vc-v29-terms .hero,
  .vc-v29-privacy .hero{
    text-align:left!important;
  }

  .vc-v29-vip .vip-plan{
    padding:20px!important;
  }

  .vc-v29-vip .vip-plan::after{
    width:150px!important;
    height:110px!important;
    opacity:.07!important;
  }

  .vc-v29-player .profile-head::after{
    width:180px!important;
    height:145px!important;
    opacity:.09!important;
  }
}

@media(max-width:520px){
  .vc-v29 :is(.panel,.staff-card,.vc-owner-card,.vc-management-card,.vip-plan,.vip-compare,.vip-compare-item,.profile-head){
    border-radius:14px!important;
  }

  .vc-v29-vip .vip-plan-head{
    gap:10px!important;
  }

  .vc-v29-vip .vip-plan-name{
    font-size:21px!important;
  }

  .vc-v29-vip .vip-price strong{
    font-size:26px!important;
  }

  .vc-v29-player .profile-stats{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-left:0!important;
  }
}