/* Bộ nhận diện GB Media cho WEB — sinh tự động từ nhan-dien.json (đừng sửa tay, sửa JSON rồi ghép lại).
   Mọi trang web, trang bán hàng, trang đăng ký của công ty dùng các biến này; không tự chọn màu, cỡ chữ, khoảng cách khác. */
:root {
  --mau-chinh: #01604A;
  --mau-nhan: #0F9B8C;
  --mau-nen: #ECF6F4;
  --mau-nen-toi: #15332C;
  --mau-chu: #172B27;
  --mau-chu-nhat: #ECF6F4;
  --mau-phu-1: #0F9B8C;
  --chinh-100: #E1ECE9;
  --chinh-200: #B8D2CC;
  --chinh-300: #85B3A8;
  --chinh-400: #488D7D;
  --chinh-500: #01604A;
  --chinh-600: #015340;
  --chinh-700: #014535;
  --chinh-800: #01382B;
  --chinh-900: #002A21;
  --nhan-100: #E2F3F1;
  --nhan-200: #BCE3DF;
  --nhan-300: #8CCFC8;
  --nhan-400: #52B7AC;
  --nhan-500: #0F9B8C;
  --nhan-600: #0D8578;
  --nhan-700: #0B7065;
  --nhan-800: #095A51;
  --nhan-900: #07443E;
  --chu-chinh-tren-nen: #01604A;
  --chu-nhan-tren-nen: #0B7065;
  --nut-chinh-nen: #01604A;
  --nut-chinh-chu: #ECF6F4;
  --nut-chinh-ro: #015340;
  --nut-chinh-chu-ro: #ECF6F4;
  --nut-chinh-nhan: #014535;
  --nut-chinh-chu-nhan: #ECF6F4;
  --nut-chinh-tat: #AACCC4;
  --nut-chinh-chu-tat: #3C534E;
  --nut-nhan-nen: #0F9B8C;
  --nut-nhan-chu: #000000;
  --nut-nhan-ro: #52B7AC;
  --nut-nhan-chu-ro: #172B27;
  --nut-nhan-nhan: #8CCFC8;
  --nut-nhan-chu-nhan: #172B27;
  --nut-nhan-tat: #AEDDD7;
  --nut-nhan-chu-tat: #44605C;
  --nut-phu-vien: #01604A;
  --nut-phu-chu: #01604A;
  --nut-phu-ro: #E1ECE9;
  --nut-phu-chu-ro: #01604A;
  --nut-phu-nhan: #B8D2CC;
  --nut-phu-chu-nhan: #01604A;
  --nut-phu-vien-tat: #82B3A8;
  --nut-phu-chu-tat: #62726F;
  --phong-tieu-de: 'Montserrat', Georgia, serif;
  --phong-than: 'Be Vietnam Pro', system-ui, sans-serif;
  --phong-nhan: 'Be Vietnam Pro', system-ui, sans-serif;
  --co-chu-1: clamp(36px,5vw,56px);
  --co-chu-2: clamp(28px,3.6vw,40px);
  --co-chu-3: 28px;
  --co-chu-4: 20px;
  --co-chu-5: 18px;
  --co-chu-6: 16px;
  --co-chu-7: 13px;
  --co-chu-8: 13px;
  --khoang-1: 4px;
  --khoang-2: 8px;
  --khoang-3: 12px;
  --khoang-4: 16px;
  --khoang-5: 24px;
  --khoang-6: 32px;
  --khoang-7: 48px;
  --khoang-8: 64px;
  --khoang-9: 96px;
  --bo-nut: 3px;
  --bo-the: 5px;
  --bo-o-nhap: 5px;
  --bo-anh: 3px;
  --bong-nho: 0 1px 2px #172B271F;
  --bong-vua: 0 6px 16px #172B271F;
  --bong-lon: 0 18px 40px #172B2729;
}
body { margin: 0; background: var(--mau-nen); color: var(--mau-chu); font: 400 16px/1.6 var(--phong-than); }
h1, h2 { font-family: var(--phong-tieu-de); line-height: 1.15; }
a { color: var(--chu-chinh-tren-nen); }
.nut { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 22px; border-radius: var(--bo-nut); font: 700 16px var(--phong-nhan); border: 2px solid transparent; cursor: pointer; transition: background .15s, border-color .15s; }
.nut-chinh { background: var(--nut-chinh-nen); color: var(--nut-chinh-chu); }
.nut-chinh:hover { background: var(--nut-chinh-ro); color: var(--nut-chinh-chu-ro); } .nut-chinh:active { background: var(--nut-chinh-nhan); color: var(--nut-chinh-chu-nhan); }
.nut-noi-bat { background: var(--nut-nhan-nen); color: var(--nut-nhan-chu); }
.nut-noi-bat:hover { background: var(--nut-nhan-ro); color: var(--nut-nhan-chu-ro); } .nut-noi-bat:active { background: var(--nut-nhan-nhan); color: var(--nut-nhan-chu-nhan); }
.nut-noi-bat:disabled { background: var(--nut-nhan-tat); color: var(--nut-nhan-chu-tat); cursor: not-allowed; }
.nut-chinh:disabled { background: var(--nut-chinh-tat); color: var(--nut-chinh-chu-tat); cursor: not-allowed; }
.nut-phu { background: transparent; color: var(--nut-phu-chu); border-color: var(--nut-phu-vien); }
.nut-phu:hover { background: var(--nut-phu-ro); color: var(--nut-phu-chu-ro); } .nut-phu:active { background: var(--nut-phu-nhan); color: var(--nut-phu-chu-nhan); }
.nut-phu:disabled { background: transparent; color: var(--nut-phu-chu-tat); border-color: var(--nut-phu-vien-tat); cursor: not-allowed; }
.nut:focus-visible { outline: 3px solid var(--mau-nhan); outline-offset: 2px; }
.the { background: #fff; border-radius: var(--bo-the); box-shadow: var(--bong-vua); padding: 24px; }
input, textarea, select { font: 400 16px var(--phong-than); border: 1.5px solid var(--chinh-200); border-radius: var(--bo-o-nhap); padding: 10px 14px; min-height: 44px; }
input:focus, textarea:focus { outline: none; border-color: var(--mau-chinh); box-shadow: 0 0 0 3px var(--chinh-100); }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }