/* VIDEO_GT_v1 — nút xem video giới thiệu (hero trang chủ aihuyenhoc.com) + popup. Khuôn từ aitraloi.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:#2b2160;box-shadow:inset 0 0 0 1.5px rgba(43,33,96,.35)}
.vgt-sang:hover{background:#f7ecd2}
.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(23,18,58,.4);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(43,33,96,.35)}70%{box-shadow:0 0 0 13px rgba(43,33,96,0)}100%{box-shadow:0 0 0 0 rgba(43,33,96,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(12,9,32,.88);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:#1b1640;font-size:18px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.vgt-cta{background:#fff;color:#1b1640;font-weight:800;padding:12px 24px;border-radius:999px;text-decoration:none!important;font-size:15px}
html.vgt-khoa{overflow:hidden}
@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_v2 — hai nút ngang hàng ở hero: Lập lá số (viền vàng) + Video (viền trắng mờ) */
.tc-vgt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 16px;max-width:520px}
.tc-nut{display:flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 14px;border-radius:14px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;text-decoration:none!important;transition:background .15s,border-color .15s}
.tc-nut-ls{background:rgba(226,184,98,.14);border:1px solid rgba(226,184,98,.6);color:var(--vang)}
.tc-nut-ls:hover{background:rgba(226,184,98,.24)}
.tc-nut-vd{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.28);color:#fff}
.tc-nut-vd:hover{background:rgba(255,255,255,.14)}
.tc-nut small{font-weight:500;opacity:.7;font-size:13px;margin-left:2px}
.tc-nut-ic{font-size:18px;line-height:1}
.tc-nut-play{position:relative;flex:none;width:26px;height:26px;border-radius:50%;background:var(--vang)}
.tc-nut-play::after{content:'';position:absolute;left:10px;top:7px;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #1b1640}
.vgt-cta{background:var(--vang,#e2b862);color:#1b1640}
html.vgt-khoa .thanh-day{display:none!important}
@media (max-width:600px){ .tc-vgt{max-width:none} .tc-nut{font-size:14.5px;padding:0 10px;gap:7px} }
@media (max-width:360px){ .tc-nut small{display:none} }