:root { --page-88x-primary-color: #e44d26; /* Cam đỏ */ --page-88x-secondary-color: #333; /* Đen xám */ --page-88x-accent-color: #f7b731; /* Vàng */ --page-88x-background-dark: #1a1a1a; /* Nền tối */ --page-88x-background-light: #2c2c2c; /* Nền sáng hơn */ --page-88x-text-light: #f0f0f0; /* Chữ sáng */ --page-88x-text-dark: #333; /* Chữ tối */ --page-88x-border-color: #555; /* Màu viền */ --page-88x-spacing-sm: 15px; --page-88x-spacing-md: 30px; --page-88x-spacing-lg: 60px;}.page-88x { font-family: 'Arial', sans-serif; color: var(--page-88x-text-light); background-color: var(--page-88x-background-dark); line-height: 1.6; overflow-x: hidden; padding-top: 10px; /* Small padding top, assuming body handles --header-offset */}.page-88x__section-title { font-size: 2.2em; color: var(--page-88x-accent-color); text-align: center; margin-bottom: var(--page-88x-spacing-md); padding: 0 var(--page-88x-spacing-sm); line-height: 1.2;}.page-88x__hero-section { position: relative; width: 100%; height: 600px; /* Adjust height for hero */ display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; padding: var(--page-88x-spacing-md) var(--page-88x-spacing-sm); box-sizing: border-box;}.page-88x__hero-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}.page-88x__hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)); z-index: 2;}.page-88x__hero-content { position: relative; z-index: 3; max-width: 900px; padding: var(--page-88x-spacing-sm);}.page-88x__hero-title { font-size: 3.5em; color: #fff; margin-bottom: 20px; line-height: 1.1;}.page-88x__hero-subtitle { font-size: 1.4em; color: #eee; margin-bottom: 40px;}.page-88x__hero-actions { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;}.page-88x__btn { display: inline-block; padding: 15px 30px; border-radius: 8px; text-decoration: none; font-weight: bold; font-size: 1.1em; transition: background-color 0.3s ease, transform 0.2s ease; cursor: pointer; white-space: nowrap; box-sizing: border-box;}.page-88x__btn--primary { background-color: var(--page-88x-primary-color); color: #fff; border: 2px solid var(--page-88x-primary-color);}.page-88x__btn--primary:hover { background-color: #ff6a3d; transform: translateY(-2px);}.page-88x__btn--secondary { background-color: transparent; color: var(--page-88x-accent-color); border: 2px solid var(--page-88x-accent-color);}.page-88x__btn--secondary:hover { background-color: var(--page-88x-accent-color); color: var(--page-88x-background-dark); transform: translateY(-2px);}.page-88x__btn--small { padding: 10px 20px; font-size: 0.9em;}.page-88x__intro-section, .page-88x__quick-access-section, .page-88x__games-section, .page-88x__promo-section, .page-88x__security-section, .page-88x__faq-section, .page-88x__blog-section { padding: var(--page-88x-spacing-lg) var(--page-88x-spacing-md); max-width: 1200px; margin: 0 auto;}.page-88x__intro-content p { font-size: 1.1em; margin-bottom: 20px; text-align: center; max-width: 800px; margin-left: auto; margin-right: auto;}.page-88x__intro-content strong { color: var(--page-88x-accent-color);}.page-88x__intro-features { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--page-88x-spacing-md); margin-top: var(--page-88x-spacing-md);}.page-88x__feature-item { background-color: var(--page-88x-background-light); padding: var(--page-88x-spacing-md); border-radius: 10px; text-align: center; flex: 1; min-width: 280px; max-width: 350px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); box-sizing: border-box;}