/* VIDEO_GT_v1 — nút xem video giới thiệu (hero trang chủ aibanquyen.com) + popup. Chép khuôn aicovan.com. */
.vgt-nut{position:relative;display:inline-flex;align-items:center;gap:11px;padding:5px 16px 5px 5px;border:0;cursor:pointer;border-radius:999px;font:inherit;text-align:left;transition:background .2s;line-height:1.2;vertical-align:middle}
.vgt-toi{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.vgt-toi:hover{background:rgba(255,255,255,.2)}
.vgt-sang{background:#fff;color:#0f2d5c;box-shadow:inset 0 0 0 1.5px rgba(15,45,92,.35)}
.vgt-sang:hover{background:#f6efe1}
.vgt-bia{position:relative;flex:none;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#fff}
.vgt-bia img{width:100%;height:100%;object-fit:cover;display:block}
.vgt-bia i{position:absolute;inset:0;background:rgba(10,20,50,.38);display:flex;align-items:center;justify-content:center}
.vgt-bia i::after{content:'';margin-left:4px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff}
.vgt-nut::before{content:'';position:absolute;left:5px;top:5px;width:48px;height:48px;border-radius:50%;animation:vgt-nhip 2.4s infinite;pointer-events:none}
.vgt-sang::before{animation-name:vgt-nhip-sang}
@keyframes vgt-nhip{0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}70%{box-shadow:0 0 0 13px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@keyframes vgt-nhip-sang{0%{box-shadow:0 0 0 0 rgba(15,45,92,.35)}70%{box-shadow:0 0 0 13px rgba(15,45,92,0)}100%{box-shadow:0 0 0 0 rgba(15,45,92,0)}}
.vgt-chu b{display:block;font-size:15px;font-weight:700}
.vgt-chu small{display:block;font-size:12.5px;opacity:.78;margin-top:1px}
.vgt-ngan{display:none}
.vgt-nen{position:fixed;inset:0;z-index:99999;background:rgba(5,10,30,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:vgt-hien .2s ease}
.vgt-nen[hidden]{display:none}
@keyframes vgt-hien{from{opacity:0}to{opacity:1}}
.vgt-khung{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}
.vgt-khung video{display:block;width:min(86vh - 70px,640px,92vw);aspect-ratio:1/1;border-radius:18px;background:#000;box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}
.vgt-nen.doc .vgt-khung video{width:min(92vw,calc((100dvh - 120px) * 9 / 16),506px);height:auto;aspect-ratio:9/16}
.vgt-dong{position:absolute;top:-14px;right:-14px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:#fff;color:#0f1b2d;font-size:18px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.vgt-cta{background:#fff;color:#312e81;font-weight:800;padding:12px 24px;border-radius:999px;text-decoration:none!important;font-size:15px}
html.vgt-khoa{overflow:hidden}
html.vgt-khoa .day-dt,html.vgt-khoa .cai-nhac{display:none!important}
@media (max-width:600px){
  .vgt-nut{gap:8px;padding:4px 13px 4px 4px;flex:none}
  .vgt-bia,.vgt-nut::before{width:40px;height:40px}
  .vgt-nut::before{left:4px;top:4px}
  .vgt-bia i::after{border-width:7px 0 7px 12px;margin-left:3px}
  .vgt-dai{display:none}.vgt-ngan{display:inline}
  .vgt-chu b{font-size:14px}.vgt-chu small{font-size:11.5px}
  .vgt-dong{top:-10px;right:-6px}
}
@media (prefers-reduced-motion:reduce){.vgt-nut::before{animation:none}}
.hero-nut .vgt-nut{min-height:52px;align-self:flex-start}
@media (max-width:759px){.hero-nut .vgt-nut{align-self:stretch;justify-content:center;text-align:center}}  /* VGT_GIUA_v1 — canh giữa như 2 nút trên */
/* VGT_NHIP_v2 — vòng nhịp gắn vào chính ảnh bìa (trước gắn ::before của nút ở toạ độ trái cố định ⇒ lệch khi nút canh giữa) */
.vgt-nut::before{display:none}
.vgt-bia{animation:vgt-nhip 2.4s infinite}
.vgt-sang .vgt-bia{animation-name:vgt-nhip-sang}
@media (prefers-reduced-motion:reduce){.vgt-bia{animation:none}}
