/* ========================================================================= TỰ VỮNG — Trang chủ V3 (bổ trợ cho markup inline của thiết kế). CỐ Ý TỐI GIẢN + KHÔNG global reset: trang này nhúng chung index.html với khu học viên (styles.css). Chỉ khai báo thứ RIÊNG của landing v3, KHÔNG đụng body/*/h1/a/button/.btn để tránh xung đột với styles.css. Nút widget đặt tên .v3btn (styles.css đã có .btn). ========================================================================= */ /* (Rule giới hạn hero màn rộng đặt INLINE trong index.html — cạnh @media max-width:860 của hero — để chắc chắn áp, không dính cache của file phụ này.) */ /* (Rule ô chọn khoá #courseSelectTop đặt INLINE trong index.html — không ở đây, tránh bẫy parse/cache file phụ.) */ /* Reveal khi cuộn (v3.js thêm class .in) */ [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity 1.15s cubic-bezier(.16,.8,.24,1),transform 1.15s cubic-bezier(.16,.8,.24,1)} [data-reveal].in{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}} /* Nút do v3.js render (9 bậc / ba cổng / tabs khoá / tự soi) */ .v3btn{display:inline-block;font-family:'Be Vietnam Pro',sans-serif;font-weight:500;letter-spacing:.05em;cursor:pointer;border:1px solid transparent;transition:background .35s ease,border-color .35s ease,color .35s ease,transform .35s cubic-bezier(.16,.8,.24,1);text-decoration:none} .v3btn-do{background:#9B1C1C;color:#FBF8F0} .v3btn-do:hover{background:#7C1414;transform:translateY(-2px)} .v3btn-line{border-color:rgba(30,58,95,.32);color:#1E3A5F;background:transparent} .v3btn-line:hover{border-color:#1E3A5F;transform:translateY(-2px)} /* Responsive landing v3 cho mobile/tablet (prototype gốc dựng desktop-first, thiếu breakpoint). Header prototype dùng thẻ