
:root{
  --vgf-navy:#071326;
  --vgf-navy-2:#0a1730;
  --vgf-text:#f7f9fc;
  --vgf-muted:#aab3c5;
  --vgf-line:rgba(255,255,255,.10);
  --vgf-purple:#6d2cff;
  --vgf-blue:#3158ff;
  --vgf-cyan:#18d4e6;
}

.vgf{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--vgf-navy);
  color:#fff;
}
.vgf *{box-sizing:border-box}

.vgf__cta-wrap{
  background:#fff;
  padding:52px 24px 0;
}
.vgf__cta{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:72px 1fr auto;
  gap:24px;
  align-items:center;
  padding:28px 32px;
  border-radius:18px 18px 0 0;
  color:#fff;
  background:
    radial-gradient(circle at 90% 20%,rgba(24,212,230,.22),transparent 28%),
    linear-gradient(90deg,#081c48,#3a2fd1);
  box-shadow:0 20px 50px rgba(15,35,85,.16);
}
.vgf__cta-icon{
  width:62px;
  height:62px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:27px;
  font-weight:800;
  background:linear-gradient(135deg,var(--vgf-purple),var(--vgf-cyan));
  box-shadow:0 12px 26px rgba(45,196,230,.15);
}
.vgf__cta-copy>span{
  display:block;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  color:#95cfff;
  margin-bottom:5px;
}
.vgf__cta-copy h2{
  font-family:Inter,system-ui,sans-serif!important;
  font-size:26px!important;
  line-height:1.15!important;
  text-transform:none!important;
  letter-spacing:-.025em!important;
  margin:0 0 6px!important;
  color:#fff!important;
}
.vgf__cta-copy p{
  margin:0;
  max-width:650px;
  color:#d9e0ec;
  font-size:13px;
  line-height:1.55;
}
.vgf__cta-button{
  white-space:nowrap;
  padding:14px 18px;
  border-radius:10px;
  text-decoration:none!important;
  color:#fff!important;
  font-size:13px;
  font-weight:800;
  background:linear-gradient(90deg,var(--vgf-purple),var(--vgf-cyan));
}
.vgf__cta-button strong{
  margin-left:8px;
  font-size:17px;
}

.vgf__main{
  background:
    radial-gradient(circle at 85% 10%,rgba(49,88,255,.10),transparent 28%),
    var(--vgf-navy);
}
.vgf__inner{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:1.15fr 2fr;
  gap:70px;
  padding:58px 0 48px;
}
.vgf__brand{
  max-width:350px;
}
.vgf__logo{
  display:inline-block;
  margin-bottom:18px;
}
.vgf__logo img{
  display:block;
  width:185px;
  max-height:72px;
  object-fit:contain;
}
.vgf__brand p{
  margin:0 0 20px;
  color:var(--vgf-muted);
  font-size:13px;
  line-height:1.7;
}
.vgf__contact{
  margin-bottom:18px;
}
.vgf__contact a{
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:700;
}
.vgf__social{
  display:flex;
  gap:9px;
}
.vgf__social a{
  width:35px;
  height:35px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:850;
  font-size:14px;
  transition:.18s ease;
}
.vgf__social a:hover{
  border-color:#4eb7f8;
  background:rgba(57,112,255,.15);
  transform:translateY(-1px);
}

.vgf__menus{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:38px;
}
.vgf__menu-col h3{
  font-family:Inter,system-ui,sans-serif!important;
  color:#fff!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:13px!important;
  font-weight:800!important;
  margin:3px 0 16px!important;
}
.vgf__menu-col nav{
  display:flex;
  flex-direction:column;
  gap:11px;
}
.vgf__menu-col nav a{
  color:#aeb8ca!important;
  text-decoration:none!important;
  font-size:12.5px;
  line-height:1.35;
  transition:.18s ease;
}
.vgf__menu-col nav a:hover{
  color:#fff!important;
  transform:translateX(2px);
}

.vgf__bottom{
  border-top:1px solid var(--vgf-line);
  background:#06101f;
}
.vgf__bottom-inner{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#78859a;
  font-size:11px;
}
.vgf__bottom-links{
  display:flex;
  gap:20px;
}
.vgf__bottom-links a{
  color:#8e9aaf!important;
  text-decoration:none!important;
}

.elementor-section:has(.vgf),
.elementor-container:has(.vgf),
.elementor-column:has(.vgf),
.elementor-widget-wrap:has(.vgf),
.elementor-widget-shortcode:has(.vgf),
.elementor-widget-container:has(.vgf),
.e-con:has(.vgf),
.e-con-inner:has(.vgf){
  margin:0!important;
  padding:0!important;
  max-width:none!important;
}

@media(max-width:900px){
  .vgf__cta{
    grid-template-columns:58px 1fr;
  }
  .vgf__cta-button{
    grid-column:1/-1;
    text-align:center;
  }
  .vgf__inner{
    grid-template-columns:1fr;
    gap:38px;
  }
  .vgf__brand{
    max-width:520px;
  }
}
@media(max-width:650px){
  .vgf__cta-wrap{
    padding:30px 14px 0;
  }
  .vgf__cta{
    grid-template-columns:1fr;
    padding:22px;
  }
  .vgf__cta-icon{
    display:none;
  }
  .vgf__cta-copy h2{
    font-size:22px!important;
  }
  .vgf__inner,
  .vgf__bottom-inner{
    width:calc(100% - 28px);
  }
  .vgf__menus{
    grid-template-columns:1fr 1fr;
    gap:30px 20px;
  }
  .vgf__bottom-inner{
    padding:18px 0;
    min-height:0;
    flex-direction:column;
    align-items:flex-start;
  }
}
@media(max-width:430px){
  .vgf__menus{
    grid-template-columns:1fr;
  }
}
