:root{
  --vk0:#0b1020;
  --vk1:#111a33;
  --vk2:#1a2b5f;
  --vkAccent:#7c5cff;
}

body{
  background: radial-gradient(1200px 700px at 20% -10%, rgba(124,92,255,.25), transparent 60%),
              radial-gradient(1000px 600px at 80% 0%, rgba(36,198,255,.18), transparent 55%),
              #f6f7fb;
}

.vk-nav{
  background: linear-gradient(90deg, #070a12, #0b1020 50%, #070a12);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.vk-hero{
  background: radial-gradient(900px 400px at 0% 0%, rgba(124,92,255,.35), transparent 55%),
              radial-gradient(700px 400px at 100% 30%, rgba(46,229,157,.20), transparent 60%),
              linear-gradient(120deg, #070a12, #0b1020 55%, #090d18);
  color: #fff;
  border: 1px solid rgba(255,255,255,.10);
}

.vk-hero-card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
}

.vk-card{
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 10px 30px rgba(2,6,23,.06);
  border-radius: 1rem;
}

.vk-img{
  height: 180px;
  object-fit: cover;
}

.vk-footer{
  background: #070a12;
}

.vk-admin{
  background: radial-gradient(900px 400px at 10% -10%, rgba(124,92,255,.18), transparent 55%),
              #f6f7fb;
}