@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');:root { --page-g28win-primary-color: #ffcc00; --page-g28win-secondary-color: #333333; --page-g28win-text-color: #ffffff; --page-g28win-bg-color: #1a1a1a; --page-g28win-accent-color: #007bff; --page-g28win-btn-hover-color: #e6b800; --page-g28win-border-color: #444444;}.page-g28win { font-family: 'Roboto', sans-serif; color: var(--page-g28win-text-color); background-color: var(--page-g28win-bg-color); line-height: 1.6; overflow-x: hidden;}.page-g28win__section-title { font-size: 2.5rem; color: var(--page-g28win-primary-color); text-align: center; margin-bottom: 20px; position: relative; padding-bottom: 10px;}.page-g28win__section-title::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--page-g28win-primary-color);}.page-g28win__section-description { text-align: center; max-width: 800px; margin: 0 auto 40px; font-size: 1.1rem; color: #cccccc;}.page-g28win__hero-section { position: relative; width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 10px 20px 60px; overflow: hidden; box-sizing: border-box;}.page-g28win__hero-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; filter: brightness(0.5); max-width: 100%;}.page-g28win__hero-content { position: relative; z-index: 1; max-width: 900px; padding: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; margin-top: 50px;}.page-g28win__hero-title { font-size: 3.5rem; color: var(--page-g28win-primary-color); margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}