/** Bộ chứa cho tiêu đề:
* Cần 'position: relative' để 'position: absolute' bên trong
* hoạt động chính xác.
*/
      .header {
        position: relative;
        margin-bottom: 2rem;
      }

      /** Tiêu đề nền (lớn, mờ):
* - 'position: absolute' đưa nó ra khỏi luồng trang.
* - '-webkit-text-stroke' tạo hiệu ứng viền.
* - 'color: transparent' làm cho bên trong văn bản trong suốt.
*/
      .background-title {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 60px;
        /* Kích thước rất lớn */
        font-weight: 900;
        /* Phải thật đậm để viền đẹp */
        line-height: 1;
        color: transparent;

        /* Hiệu ứng viền chữ */
        -webkit-text-stroke: 1px #44CBE1;
        /* Màu xanh nhạt */

        opacity: 0.7;
        z-index: 1;
        /* Đặt phía sau */
        -webkit-user-select: none;
        /* Ngăn người dùng chọn văn bản này */
      }

      /** 
        * Tiêu đề chính (nhỏ, màu xanh đậm):
        * - 'position: relative' và 'z-index: 2' đảm bảo nó
        * luôn ở trên cùng.
        */
      .title {
        position: relative;
        z-index: 2;
        /* Đặt phía trước */

        font-size: 20px;
        /* Nhỏ hơn nền */
        font-weight: 700;
        color: #44CBE1;
        /* Màu xanh sáng */

        /* Đẩy văn bản này xuống để tạo hiệu ứng xếp chồng */
        padding-top: 1.5rem;
        margin: 0;
        /* Xóa margin mặc định của h2 */
      }

      /* Câu khẩu hiệu chính */
      .statement {
        font-size: 34px;
        font-weight: 700;
        letter-spacing: -0.25px;
        color: #222;
        line-height: 51px;
        margin: 0;
      }