/* Be Vietnam Pro: tách từ bản .ttf gốc (xem lịch sử git) thành woff2 theo bảng chữ: pyftsubset --flavor=woff2 --layout-features='*' --no-hinting --unicodes=<unicode-range dưới đây>. Trình duyệt chỉ tải bảng cần dùng */
@font-face{font-family:"Be Vietnam Pro";src:url(/fonts/BeVietnamPro-Regular-latin.v2.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0306, U+0308-0309, U+031B, U+0323, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Be Vietnam Pro";src:url(/fonts/BeVietnamPro-Regular-latin-ext.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Be Vietnam Pro";src:url(/fonts/BeVietnamPro-Regular-vietnamese.v2.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0302, U+0303-0304, U+0306, U+0308-0309, U+031B, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Be Vietnam Pro";src:url(/fonts/BeVietnamPro-SemiBold-latin.v2.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0306, U+0308-0309, U+031B, U+0323, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Be Vietnam Pro";src:url(/fonts/BeVietnamPro-SemiBold-latin-ext.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Be Vietnam Pro";src:url(/fonts/BeVietnamPro-SemiBold-vietnamese.v2.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0302, U+0303-0304, U+0306, U+0308-0309, U+031B, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* Lora: tiêu đề và câu dẫn (tệp tự đặt ở /fonts, bản chia theo bảng chữ của Google Fonts, có tiếng Việt) */
@font-face{font-family:"Lora";src:url(/fonts/Lora-Italic-latin.woff2) format("woff2");font-style:italic;font-weight:500;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Lora";src:url(/fonts/Lora-Italic-latin-ext.woff2) format("woff2");font-style:italic;font-weight:500;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Lora";src:url(/fonts/Lora-Italic-vietnamese.woff2) format("woff2");font-style:italic;font-weight:500;font-display:swap;unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Lora";src:url(/fonts/Lora-Roman-latin.woff2) format("woff2");font-style:normal;font-weight:500 600;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Lora";src:url(/fonts/Lora-Roman-latin-ext.woff2) format("woff2");font-style:normal;font-weight:500 600;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Lora";src:url(/fonts/Lora-Roman-vietnamese.woff2) format("woff2");font-style:normal;font-weight:500 600;font-display:swap;unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* Ann Academy — biến từ tokens.json của design system. Màu chính lấy từ logo đã duyệt 14/10/2026 */
:root{
--nen:#f8f6ef;--trang:#ffffff;--chu:#1b2a33;--chu-phu:#56636b;
--xanh:#093f5c;--xanh-dam:#062c41;--xanh-nhat:#e3edf2;
--nhan:#d2822c;--nhan-chu:#9a5512;--vang-nhat:#f9ecdc;
--vien:#dcd9d0;--vien-dam:#7f8a90;--do:#b3402f;--do-nhat:#fbeceb;
--cho-nen:#fff3d6;--cho-chu:#7a5512;
/* Năm màu nhạt lấy mẫu từ tranh minh họa (chốt 15/10/2026), mỗi màu một vai cố định; chữ -chu trên nền cùng tên đạt tương phản ≥4.5:1
   trời: lời chào, Phần 1 · hồng: Phần 2, trao đổi · đào: việc của tuần, đăng nhập/đăng ký · nắng: Phần 3, lưu ý · mạ: đã xong, chúc mừng */
--troi:#d4e7f4;--troi-chu:#255a7a;--hong:#f7dad8;--hong-chu:#8f3e3d;--dao:#f8e1cf;--dao-chu:#8a4c10;
--nang:#f8e8bb;--nang-chu:#6f500a;--ma:#dcedd6;--ma-chu:#33663a;
--nen-toi:#0c1f2a;--chu-tren-toi:#eef2f4;--chu-phu-tren-toi:#a6b4bc;--vien-tren-toi:#56707f;
--tien-do-0:#eeece6;--tien-do-1:#c9dbe5;--tien-do-2:#7fa3b8;--tien-do-3:var(--xanh);
--khoang-1:4px;--khoang-2:8px;--khoang-3:12px;--khoang-4:16px;--khoang-5:20px;--khoang-6:24px;--khoang-8:32px;--khoang-12:48px;--khoang-16:64px;
--bo-nho:6px;--bo-vua:10px;--bo-lon:14px;--bo-tron:999px;
--bong-noi:0 4px 14px rgba(9,63,92,.12);--bong-video:0 10px 40px rgba(0,0,0,.35);
--khung-toi-da:1100px;--hop-mau:440px;--cot-ben:340px;--cham-toi-thieu:44px;
--font-sans:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
--font-tieu-de:"Lora",Georgia,"Times New Roman",serif;
--cd-nhanh:.18s;--cd-vua:.45s;--cd-cham:.6s;--cd-em:cubic-bezier(.22,.61,.36,1);--cd-nay:cubic-bezier(.34,1.3,.64,1);--cd-ngan:cubic-bezier(.32,.72,0,1);
}