:root { --vgc-bg: #07111f; --vgc-surface: #0d1b2a; --vgc-surface-2: #10253d; --vgc-card: #0f2238; --vgc-card-2: #14304d; --vgc-text: #f4f7fb; --vgc-muted: #b8c5d6; --vgc-primary: #4ea1ff; --vgc-primary-2: #2f7fff; --vgc-accent: #ffd166; --vgc-accent-2: #ffb703; --vgc-border: rgba(255,255,255,.12); --vgc-shadow: 0 18px 50px rgba(0,0,0,.35); --vgc-radius: 22px; }
*, ::before, ::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0px; font-family: Inter, sans-serif; background: linear-gradient(rgb(6, 16, 29) 0%, rgb(8, 22, 36) 45%, rgb(10, 21, 34) 100%); color: var(--vgc-text); line-height: 1.6; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.vgc-page { width: 100%; }
.vgc-values-community { position: relative; padding: 48px 0px 88px; }
.vgc-values-community__wrap { width: min(1180px, 100% - 32px); margin: 0px auto; display: grid; gap: 22px; }
.vgc-values-community__hero, .vgc-values-community__panel, .vgc-values-community__split, .vgc-values-community__community, .vgc-values-community__growth, .vgc-values-community__global, .vgc-values-community__cta { border: 1px solid var(--vgc-border); border-radius: var(--vgc-radius); box-shadow: var(--vgc-shadow); background: linear-gradient(rgba(16, 37, 61, 0.96) 0%, rgba(10, 21, 34, 0.98) 100%); }
.vgc-values-community__hero { padding: 54px 28px; text-align: center; position: relative; overflow: hidden; }
.vgc-values-community__hero::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at left top, rgba(78, 161, 255, 0.22), transparent 35%), radial-gradient(circle at right bottom, rgba(255, 209, 102, 0.14), transparent 30%); pointer-events: none; }
.vgc-values-community__hero-inner { position: relative; z-index: 1; max-width: 860px; margin: 0px auto; }
.vgc-values-community__eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 999px; background: rgba(78, 161, 255, 0.12); color: rgb(220, 235, 255); border: 1px solid rgba(78, 161, 255, 0.28); font-weight: 700; letter-spacing: 0.02em; margin-bottom: 18px; }
.vgc-values-community__eyebrow-dot { width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, var(--vgc-accent), var(--vgc-primary)); box-shadow: rgba(255, 209, 102, 0.12) 0px 0px 0px 5px; }
.vgc-values-community__title { font-family: Poppins, sans-serif; font-size: clamp(2.2rem, 4.4vw, 4.2rem); line-height: 1.05; margin: 0px; letter-spacing: -0.04em; }
.vgc-values-community__subtitle { margin: 18px auto 0px; max-width: 760px; font-size: clamp(1rem, 1.8vw, 1.15rem); color: var(--vgc-muted); }
.vgc-values-community__stats { margin-top: 28px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }
.vgc-values-community__stat { padding: 18px 16px; border-radius: 18px; background: linear-gradient(rgba(20, 48, 77, 0.9), rgba(12, 26, 42, 0.95)); border: 1px solid rgba(255, 255, 255, 0.1); }
.vgc-values-community__stat-number { display: block; font-family: Poppins, sans-serif; font-size: 1.5rem; color: rgb(255, 255, 255); margin-bottom: 6px; }
.vgc-values-community__stat-label { color: var(--vgc-muted); font-size: 0.96rem; }
.vgc-values-community__panel { padding: 28px; }
.vgc-values-community__section-head { display: flex; flex-direction: column; gap: 8px; margin-bottom: 22px; }
.vgc-values-community__section-kicker { color: var(--vgc-accent); font-weight: 800; text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.78rem; }
.vgc-values-community__section-title { margin: 0px; font-family: Poppins, sans-serif; font-size: clamp(1.5rem, 3vw, 2.35rem); line-height: 1.15; }
.vgc-values-community__section-text { margin: 0px; color: var(--vgc-muted); max-width: 72ch; }
.vgc-values-community__values-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; }
.vgc-values-community__value-card { padding: 20px 18px; border-radius: 20px; background: linear-gradient(rgba(20, 48, 77, 0.92), rgba(10, 21, 34, 0.96)); border: 1px solid rgba(255, 255, 255, 0.1); transition: transform 0.28s, border-color 0.28s, box-shadow 0.28s; min-height: 100%; }
.vgc-values-community__value-card:hover { transform: translateY(-6px); border-color: rgba(78, 161, 255, 0.4); box-shadow: rgba(0, 0, 0, 0.34) 0px 20px 45px; }
.vgc-values-community__value-icon { width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; background: linear-gradient(135deg, rgba(78, 161, 255, 0.2), rgba(255, 209, 102, 0.16)); border: 1px solid rgba(255, 255, 255, 0.12); margin-bottom: 16px; color: rgb(255, 255, 255); font-size: 1.35rem; }
.vgc-values-community__value-title { margin: 0px 0px 10px; font-family: Poppins, sans-serif; font-size: 1.08rem; }
.vgc-values-community__value-text { margin: 0px; color: var(--vgc-muted); font-size: 0.98rem; }
.vgc-values-community__split { padding: 28px; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 22px; align-items: center; }
.vgc-values-community__split-copy { display: grid; gap: 14px; }
.vgc-values-community__bullet-list { display: grid; gap: 12px; margin: 10px 0px 0px; padding: 0px; list-style: none; }
.vgc-values-community__bullet-item { display: flex; gap: 12px; align-items: flex-start; padding: 14px 15px; border-radius: 16px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); }
.vgc-values-community__bullet-mark { width: 12px; height: 12px; border-radius: 50%; margin-top: 6px; background: linear-gradient(135deg, var(--vgc-accent), var(--vgc-primary)); box-shadow: rgba(78, 161, 255, 0.08) 0px 0px 0px 5px; flex: 0 0 auto; }
.vgc-values-community__bullet-item strong { color: rgb(255, 255, 255); }
.vgc-values-community__image-card { position: relative; border-radius: 24px; min-height: 360px; border: 1px solid rgba(255, 255, 255, 0.1); background: linear-gradient(rgba(8, 16, 28, 0.55), rgba(8, 16, 28, 0.85)); box-shadow: rgba(0, 0, 0, 0.28) 0px 16px 40px; }
.vgc-values-community__image-card img { width: 100%; height: 100%; min-height: 360px; object-fit: cover; border-radius: 24px; }
.vgc-values-community__image-overlay { position: absolute; inset: 0px; border-radius: 24px; background: linear-gradient(rgba(4, 9, 16, 0.18) 0%, rgba(4, 9, 16, 0.78) 100%); display: flex; align-items: flex-end; padding: 22px; }
.vgc-values-community__image-copy { max-width: 420px; }
.vgc-values-community__image-copy h3 { margin: 0px 0px 8px; font-family: Poppins, sans-serif; font-size: 1.35rem; }
.vgc-values-community__image-copy p { margin: 0px; color: rgb(229, 238, 248); }
.vgc-values-community__community { padding: 28px; }
.vgc-values-community__community-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 22px; align-items: stretch; }
.vgc-values-community__community-card { padding: 22px; border-radius: 20px; background: linear-gradient(rgba(20, 48, 77, 0.88), rgba(10, 21, 34, 0.95)); border: 1px solid rgba(255, 255, 255, 0.1); }
.vgc-values-community__community-card + .vgc-values-community__community-card { margin-top: 14px; }
.vgc-values-community__divider { width: 100%; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); margin: 16px 0px; }
.vgc-values-community__growth { padding: 28px; }
.vgc-values-community__growth-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; }
.vgc-values-community__growth-item { padding: 20px 18px; border-radius: 20px; background: linear-gradient(rgba(20, 48, 77, 0.9), rgba(10, 21, 34, 0.95)); border: 1px solid rgba(255, 255, 255, 0.1); position: relative; }
.vgc-values-community__growth-item::before { content: ""; position: absolute; left: 18px; top: 18px; width: 42px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--vgc-accent), var(--vgc-primary)); }
.vgc-values-community__growth-item h3 { margin: 22px 0px 8px; font-family: Poppins, sans-serif; font-size: 1.08rem; }
.vgc-values-community__growth-item p { margin: 0px; color: var(--vgc-muted); }
.vgc-values-community__global { padding: 28px; position: relative; }
.vgc-values-community__global-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: center; }
.vgc-values-community__network { display: grid; gap: 14px; padding: 18px; border-radius: 22px; background: linear-gradient(rgba(20, 48, 77, 0.88), rgba(10, 21, 34, 0.95)); border: 1px solid rgba(255, 255, 255, 0.1); }
.vgc-values-community__network-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.vgc-values-community__network-chip { padding: 10px 14px; border-radius: 999px; background: rgba(78, 161, 255, 0.12); border: 1px solid rgba(78, 161, 255, 0.24); color: rgb(220, 235, 255); font-weight: 700; font-size: 0.92rem; }
.vgc-values-community__network-line { height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(255, 209, 102, 0.55), rgba(78, 161, 255, 0.08)); }
.vgc-values-community__cta { padding: 30px 28px; text-align: center; background: linear-gradient(135deg, rgba(20, 48, 77, 0.98), rgba(8, 16, 28, 0.98)); }
.vgc-values-community__cta h2 { margin: 0px; font-family: Poppins, sans-serif; font-size: clamp(1.7rem, 3vw, 2.6rem); }
.vgc-values-community__cta p { margin: 14px auto 0px; max-width: 760px; color: var(--vgc-muted); }
.vgc-values-community__cta-actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; margin-top: 22px; }
.vgc-values-community__button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0px 20px; border-radius: 14px; border: 1px solid transparent; font-weight: 800; transition: transform 0.24s, background 0.24s, border-color 0.24s, box-shadow 0.24s; cursor: pointer; }
.vgc-values-community__button--primary { background: linear-gradient(135deg, var(--vgc-primary-2), var(--vgc-primary)); color: rgb(255, 255, 255); box-shadow: rgba(47, 127, 255, 0.28) 0px 10px 28px; }
.vgc-values-community__button--primary:hover { transform: translateY(-2px); box-shadow: rgba(47, 127, 255, 0.35) 0px 14px 32px; }
.vgc-values-community__button--secondary { background: rgb(245, 247, 251); color: rgb(11, 27, 47); border-color: rgba(255, 255, 255, 0.16); }
.vgc-values-community__button--secondary:hover { transform: translateY(-2px); background: rgb(255, 255, 255); }
.vgc-values-community__carousel { position: relative; margin-top: 18px; }
.vgc-values-community__carousel-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(100%, 1fr); overflow: hidden; border-radius: 22px; }
.vgc-values-community__carousel-slide { padding: 18px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 22px; }
.vgc-values-community__carousel-controls { display: flex; justify-content: flex-end; gap: 10px; margin-top: 14px; }
.vgc-values-community__icon-btn { width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.12); background: rgb(245, 247, 251); color: rgb(11, 27, 47); display: inline-grid; place-items: center; cursor: pointer; transition: transform 0.2s, background 0.2s; }
.vgc-values-community__icon-btn:hover { transform: translateY(-2px); background: rgb(255, 255, 255); }
@media (max-width: 1024px) {
  .vgc-values-community__values-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .vgc-values-community__split, .vgc-values-community__community-grid, .vgc-values-community__global-grid { grid-template-columns: 1fr; }
  .vgc-values-community__growth-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .vgc-values-community { padding: 28px 0px 64px; }
  .vgc-values-community__wrap { width: min(100% - 20px, 1180px); }
  .vgc-values-community__hero, .vgc-values-community__panel, .vgc-values-community__split, .vgc-values-community__community, .vgc-values-community__growth, .vgc-values-community__global, .vgc-values-community__cta { padding: 20px; }
  .vgc-values-community__stats { grid-template-columns: 1fr; }
  .vgc-values-community__values-grid { grid-template-columns: 1fr; }
  .vgc-values-community__image-card, .vgc-values-community__image-card img { min-height: 280px; }
  .vgc-values-community__cta-actions { flex-direction: column; align-items: stretch; }
  .vgc-values-community__button { width: 100%; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.dragging { opacity: 0.5 !important; }
.drag-over { border-top: 3px solid rgb(76, 175, 80) !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.dragging { opacity: 0.5 !important; }
.drag-over { border-top: 3px solid rgb(76, 175, 80) !important; }