:root{
  --vbgm-panel:#141b24;
  --vbgm-panel-2:#1a2431;
  --vbgm-border:#263244;
  --vbgm-text:#f4f7fb;
  --vbgm-muted:#9db0c8;
  --vbgm-accent:#5ea3ff;
  --vbgm-accent-2:#80d0ff;
  --vbgm-good:#47d18c;
  --vbgm-danger:#ff8f8f;
}
.vbgm-shell{max-width:1040px;margin:0 auto;color:var(--vbgm-text);font-family:Inter,Segoe UI,Arial,sans-serif;display:grid;gap:18px}
.vbgm-shell *{box-sizing:border-box}
.vbgm-card{background:linear-gradient(180deg,var(--vbgm-panel),var(--vbgm-panel-2));border:1px solid var(--vbgm-border);border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.vbgm-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.vbgm-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--vbgm-accent-2);margin-bottom:6px;font-weight:800}
.vbgm-header h2{margin:0 0 6px;font-size:34px;line-height:1.05;font-weight:900}
.vbgm-subtitle{margin:0;color:var(--vbgm-muted);font-size:15px;font-weight:700}
.vbgm-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vbgm-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.vbgm-card-head h3{margin:0;font-size:20px;font-weight:900}
.vbgm-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(94,163,255,.12);border:1px solid rgba(94,163,255,.24);color:var(--vbgm-accent-2);font-size:12px;font-weight:800}
.vbgm-field{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.vbgm-field label{font-size:13px;color:var(--vbgm-muted);font-weight:800}
.vbgm-field input{width:100%;padding:14px 14px;border-radius:14px;border:1px solid var(--vbgm-border);background:#0f1620;color:var(--vbgm-text);font-size:16px;font-weight:800}
.vbgm-btn-row{display:flex;gap:12px;flex-wrap:wrap}
.vbgm-btn{border:0;border-radius:16px;padding:14px 18px;font-size:16px;font-weight:900;cursor:pointer;transition:transform .15s ease;flex:1}
.vbgm-btn:hover{transform:translateY(-1px)}
.vbgm-btn-primary{background:linear-gradient(135deg,var(--vbgm-accent),var(--vbgm-accent-2));color:#06111f}
.vbgm-btn-secondary{background:#102133;color:var(--vbgm-text);border:1px solid var(--vbgm-border)}
.vbgm-video-wrap{position:relative;margin-top:4px;border-radius:22px;overflow:hidden;background:#081018;border:1px solid var(--vbgm-border)}
#vbgm-video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#050a10}
.vbgm-video-overlay{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center}
.vbgm-geolock-box{width:84px;height:84px;border:2px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 0 0 9999px rgba(0,0,0,.16)}
.vbgm-hidden{display:none}
.vbgm-reading-main{padding:10px 0 4px}
.vbgm-reading-label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--vbgm-muted);margin-bottom:4px;font-weight:800}
.vbgm-reading-value{font-size:48px;font-weight:900;line-height:1}
.vbgm-reading-value span{font-size:20px;font-weight:800;color:var(--vbgm-muted)}
.vbgm-reading-sub{font-size:16px;color:var(--vbgm-muted);margin-top:8px;font-weight:800}
.vbgm-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.vbgm-stat{background:#0f1620;border:1px solid var(--vbgm-border);border-radius:18px;padding:14px}
.vbgm-stat span{display:block;font-size:12px;color:var(--vbgm-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-weight:800}
.vbgm-stat strong{font-size:24px;font-weight:900}
.vbgm-message{margin-top:14px;min-height:24px;color:var(--vbgm-muted);font-size:15px;font-weight:800}
.vbgm-message.vbgm-ok{color:var(--vbgm-good)}
.vbgm-message.vbgm-error{color:var(--vbgm-danger)}
@media (max-width: 820px){.vbgm-grid{grid-template-columns:1fr}}