:root{
  --bg:#0b0d12;
  --card:#0f141d;
  --card2:#0c1118;
  --line:rgba(233,238,252,.10);
  --text:#e9eefc;
  --muted:rgba(233,238,252,.72);
  --muted2:rgba(233,238,252,.55);
  --shadow: 0 20px 60px rgba(0,0,0,.45);
  --accent: rgba(120,255,0,.85);
  --accentSoft: rgba(120,255,0,.18);
}

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; background:var(--bg); color:var(--text);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; }
a{ color:inherit; text-decoration:none; }
img,video{ max-width:100%; display:block; }

.vcWrap{ width:min(1180px, calc(100vw - 28px)); margin:0 auto; }
.vcMuted{ color:var(--muted); }
.vcDot{ margin:0 8px; color: rgba(233,238,252,.28); }

.vcH1{ margin:0; font-size:28px; letter-spacing:-.02em; font-weight:950; }
.vcH2{ margin:0; font-size:18px; letter-spacing:-.01em; font-weight:950; }

.vcTopbar{
  position:sticky; top:0; z-index:50;
  background: rgba(11,13,18,.78);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(233,238,252,.08);
}
.vcTopbarInner{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0; }
.vcBrand{ font-weight: 950; letter-spacing:-.02em; }

.vcFooter{ margin-top:22px; padding:18px 0; border-top:1px solid rgba(233,238,252,.08); }
.vcFooterInner{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.vcFooterLink{ color:var(--muted); font-weight:800; }
.vcFooterLink:hover{ color:var(--text); }