.vbg,.vbg *{box-sizing:border-box}
.vbg{--blue:#1769e8;--dark:#101828;--muted:#667085;--line:#e4e9f1;width:min(1180px,calc(100% - 32px));margin:48px auto 72px;color:var(--dark);font-family:inherit}
.vbg-hero{text-align:center;max-width:820px;margin:0 auto 34px}
.vbg-hero>span{display:inline-block;padding:7px 13px;border:1px solid #cfe0fb;border-radius:999px;background:#f2f7ff;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.08em}
.vbg-hero h1{margin:14px 0 12px;font-size:clamp(38px,6vw,64px);font-weight:800;letter-spacing:-.045em;line-height:1.05}
.vbg-hero p{max-width:690px;margin:auto;color:var(--muted);font-size:17px;line-height:1.7}
.vbg-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}
.vbg-badges b{padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#475467;font-size:12px;box-shadow:0 4px 12px rgba(16,24,40,.03)}
.vbg-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px}
.vbg-card{padding:clamp(22px,3vw,32px);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 16px 44px rgba(16,24,40,.07)}
.vbg-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}
.vbg-title>div{display:flex;align-items:center;gap:11px}
.vbg-title i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf2ff;color:var(--blue);font-size:12px;font-style:normal;font-weight:800}
.vbg-title h2{margin:0;font-size:20px;font-weight:750}
.vbg-title>button{border:0;background:none;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.vbg-form label{display:block;margin-bottom:8px}
.vbg-form label>span{display:flex;justify-content:space-between;margin-bottom:8px;color:#344054;font-size:13px;font-weight:700}
.vbg-form em{color:#98a2b3;font-size:11px;font-style:normal;font-weight:400}
.vbg select,.vbg textarea{width:100%;border:1px solid #d7deea;border-radius:11px;background:#fff;color:var(--dark);font:inherit;outline:none}
.vbg select{height:48px;padding:0 13px}
.vbg textarea{min-height:148px;padding:13px 14px;resize:vertical;line-height:1.55}
.vbg select:focus,.vbg textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,232,.11)}
.vbg-form>small{display:block;margin:-1px 0 20px;color:#98a2b3;font-size:11px;line-height:1.5}
.vbg-error{min-height:17px;margin:5px 0 10px;color:#d92d20;font-size:11px}
.vbg-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.vbg-check{display:flex!important;align-items:center;gap:9px;margin:3px 0 22px!important;color:#475467;font-size:12px}
.vbg-check input{width:17px;height:17px}
.vbg button{min-height:46px;padding:0 16px;border:1px solid #d7deea;border-radius:11px;background:#fff;color:#344054;font:inherit;font-weight:700;cursor:pointer;transition:.16s}
.vbg button:hover{transform:translateY(-1px)}
.vbg .vbg-primary{border-color:var(--blue);background:var(--blue);color:#fff}
.vbg-form>.vbg-primary{width:100%;min-height:50px}
.vbg-status{display:flex;align-items:center;gap:7px;color:#067647;font-size:12px;font-weight:700}
.vbg-status b{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.11)}
.vbg-status.error{color:#b42318}.vbg-status.error b{background:#f04438;box-shadow:0 0 0 4px rgba(240,68,56,.11)}
.vbg-preview{display:grid;place-items:center;min-height:355px;padding:25px;overflow:auto;border:1px dashed #d5ddea;border-radius:15px;background:#f8fafc}
.vbg-preview>div{display:inline-flex;max-width:100%;padding:18px;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.vbg-preview canvas{display:block;max-width:100%;height:auto}
.vbg-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}
.vbg-meta div{padding:12px;border:1px solid #edf0f5;border-radius:10px;background:#fbfcfe;min-width:0}
.vbg-meta span,.vbg-meta strong{display:block}.vbg-meta span{margin-bottom:3px;color:#98a2b3;font-size:10px;text-transform:uppercase}.vbg-meta strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.vbg-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}
.vbg-note{margin:13px 0 0;color:#98a2b3;font-size:10px;text-align:center}
.vbg-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.vbg-features article{padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff}.vbg-features article>b{color:var(--blue);font-size:11px}.vbg-features h3{margin:9px 0 7px;font-size:15px}.vbg-features p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
@media(max-width:900px){.vbg-grid{grid-template-columns:1fr}}
@media(max-width:620px){.vbg{width:calc(100% - 20px);margin-top:30px}.vbg-hero h1{font-size:38px}.vbg-hero p{font-size:14px}.vbg-options,.vbg-actions,.vbg-features{grid-template-columns:1fr}.vbg-meta{grid-template-columns:1fr 1fr}.vbg-meta div:last-child{grid-column:1/-1}.vbg-preview{min-height:260px;padding:14px}}