:root{
  --bg:#e8f1f8 !important;
  --text:#24556d !important;
  --text-soft:#4f8aa2 !important;
  --line:#cfe8f5 !important;
  --shadow:0 16px 40px rgba(25,117,171,.12) !important;
  --radius:22px !important;
  --accent:#8b5cf6 !important;
}

body{
  background:
    radial-gradient(circle at top, rgba(110,182,220,.14), transparent 34%),
    linear-gradient(180deg, #edf4fa 0%, #dceaf5 32%, #e8f1f8 100%) !important;
  color:var(--text) !important;
}

header{
  background:linear-gradient(135deg, #8b5cf6, #b48cff) !important;
  color:#fff !important;
  box-shadow:var(--shadow) !important;
}

header img{
  background:#fff !important;
  border-color:rgba(255,255,255,.72) !important;
  box-shadow:0 10px 30px rgba(25,117,171,.14) !important;
}

header h1,
.section-title,
h2{
  color:#0b5fa8 !important;
}

header h1{
  color:#fff !important;
}

header .slogan,
.section-desc,
.vk-sub,
.handi-sub{
  color:#4f8aa2 !important;
}

header .slogan{
  color:rgba(255,255,255,.96) !important;
}

.vk-card,
.handi-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,251,255,.98)) !important;
  border:1px solid rgba(191,229,243,.95) !important;
  box-shadow:var(--shadow) !important;
  color:var(--text) !important;
}

.vk-title,
.handi-title{
  color:#0b5fa8 !important;
}

.vk-media,
.handi-cover-wrap{
  background-color:#fff !important;
}

.vk-note{
  background:rgba(255,255,255,.98) !important;
  border:1px solid rgba(191,229,243,.95) !important;
  box-shadow:var(--shadow) !important;
  color:var(--text) !important;
}

.footer{
  background:#dceaf5 !important;
  color:#4f8aa2 !important;
  border-top:1px solid rgba(191,229,243,.95) !important;
}