:root {--page-primary-color: #FFD700; /* Gold/Yellow */--page-secondary-color: #1a1a2e; /* Dark Blue */--page-text-color: #e0e0e0; /* Light Grey */--page-dark-text-color: #333; /* Dark Grey for light backgrounds */--page-accent-color: #e94560; /* Reddish Pink */--page-background-dark: #0f0f1a; /* Very Dark Blue */--page-background-light: #2c2c4a; /* Slightly lighter dark blue */--page-border-radius: 8px;--header-offset: 122px; /* Default value, assumed from shared.css */}body {margin: 0;}.page-77jl-app-login-register-philippines {font-family: 'Arial', sans-serif;color: var(--page-text-color);background-color: var(--page-background-dark);line-height: 1.6;padding-top: var(--header-offset, 122px); /* Fallback for body padding */}/* General Styles */.page-77jl-app-login-register-philippines__section-title {color: var(--page-primary-color);text-align: center;margin-bottom: 20px;font-size: 2.2em;font-weight: bold;}.page-77jl-app-login-register-philippines__section-description {text-align: center;max-width: 800px;margin: 0 auto 40px auto;font-size: 1.1em;color: #cccccc;}/* Buttons */.page-77jl-app-login-register-philippines__button {display: inline-block;padding: 12px 25px;border-radius: var(--page-border-radius);text-decoration: none;font-weight: bold;transition: background-color 0.3s ease, transform 0.2s ease;text-align: center;white-space: nowrap;box-sizing: border-box;}.page-77jl-app-login-register-philippines__button--primary {background-color: var(--page-primary-color);color: var(--page-secondary-color);border: 2px solid var(--page-primary-color);}.page-77jl-app-login-register-philippines__button--primary:hover {background-color: #FFC107;transform: translateY(-2px);}.page-77jl-app-login-register-philippines__button--secondary {background-color: transparent;color: var(--page-primary-color);border: 2px solid var(--page-primary-color);}.page-77jl-app-login-register-philippines__button--secondary:hover {background-color: var(--page-primary-color);color: var(--page-secondary-color);transform: translateY(-2px);}.page-77jl-app-login-register-philippines__button--download {background-color: var(--page-accent-color);color: #fff;border: 2px solid var(--page-accent-color);margin-top: 20px;width: 100%;max-width: 250px;}.page-77jl-app-login-register-philippines__button--download:hover {background-color: #c7374e;transform: translateY(-2px);}.page-77jl-app-login-register-philippines__button--small {padding: 8px 15px;font-size: 0.9em;background-color: var(--page-accent-color);color: #fff;border: none;}.page-77jl-app-login-register-philippines__button--small:hover {background-color: #c7374e;}/* Hero Section */.page-77jl-app-login-register-philippines__hero-section {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 60px 20px;background: linear-gradient(135deg, var(--page-background-dark) 0%, var(--page-secondary-color) 100%);overflow: hidden;min-height: 70vh;}.page-77jl-app-login-register-philippines__hero-content {max-width: 900px;z-index: 2;margin-bottom: 40px;}.page-77jl-app-login-register-philippines__hero-title {font-size: 3.5em;color: var(--page-primary-color);margin-bottom: 20px;line-height: 1.2;}.page-77jl-app-login-register-philippines__hero-description {font-size: 1.3em;color: #f0f0f0;margin-bottom: 30px;}.page-77jl-app-login-register-philippines__hero-buttons {display: flex;gap: 20px;justify-content: center;margin-bottom: 20px;}.page-77jl-app-login-register-philippines__hero-app-download {display: flex;justify-content: center;}.page-77jl-app-login-register-philippines__hero-image-container {width: 100%;max-width: 600px;margin-top: 40px;z-index: 1;}.page-77jl-app-login-register-philippines__hero-image {max-width: 100%;height: auto;border-radius: var(--page-border-radius);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);}/* Game Categories Section */.page-77jl-app-login-register-philippines__game-categories {padding: 60px 20px;background-color: var(--page-background-light);text-align: center;}.page-77jl-app-login-register-philippines__categories-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;max-width: 1200px;margin: 0 auto;}.page-77jl-app-login-register-philippines__category-item {background-color: var(--page-secondary-color);padding: 25px;border-radius: var(--page-border-radius);text-align: center;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;}.page-77jl-app-login-register-philippines__category-image-wrapper {width: 100%;max-width: 100%;overflow: hidden;border-radius: var(--page-border-radius);margin-bottom: 15px;box-sizing: border-box;}.page-77jl-app-login-register-philippines__category-image {max-width: 100%;height: auto;display: block;margin: 0 auto;border-radius: var(--page-border-radius);}.page-77jl-app-login-register-philippines__category-title {color: var(--page-primary-color);font-size: 1.5em;margin-bottom: 10px;}.page-77jl-app-login-register-philippines__category-text {color: #ccc;font-size: 0.95em;margin-bottom: 20px;flex-grow: 1;}/* Features Section */.page-77jl-app-login-register-philippines__features-section {padding: 60px 20px;background-color: var(--page-background-dark);text-align: center;}.page-77jl-app-login-register-philippines__features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;max-width: 1000px;margin: 0 auto;}.page-77jl-app-login-register-philippines__feature-item {background-color: var(--page-secondary-color);padding: 30px;border-radius: var(--page-border-radius);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);box-sizing: border-box;}.page-77jl-app-login-register-philippines__feature-icon {max-width: 250px; /* Enforcing minimum size for icons */height: auto;margin-bottom: 20px;display: block;margin-left: auto;margin-right: auto;}.page-77jl-app-login-register-philippines__feature-title {color: var(--page-primary-color);font-size: 1.4em;margin-bottom: 10px;}.page-77jl-app-login-register-philippines__feature-description {color: #ccc;font-size: 0.9em;}/* FAQ Section */.page-77jl-app-login-register-philippines__faq-section {padding: 60px 20px;background-color: var(--page-background-light);}.page-77jl-app-login-register-philippines__faq-container {max-width: 900px;margin: 0 auto;}.page-77jl-app-login-register-philippines__faq-item {background-color: var(--page-secondary-color);margin-bottom: 15px;border-radius: var(--page-border-radius);overflow: hidden;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}.page-77jl-app-login-register-philippines__faq-question {display: flex;justify-content: space-between;align-items: center;padding: 20px 25px;cursor: pointer;user-select: none;background-color: #24243d;transition: background-color 0.3s ease;}.page-77jl-app-login-register-philippines__faq-question:hover {background-color: #2c2c4a;}.page-77jl-app-login-register-philippines__faq-title {color: var(--page-primary-color);font-size: 1.2em;margin: 0;pointer-events: none; /* Prevents h3 from blocking click on parent div */}.page-77jl-app-login-register-philippines__faq-toggle {font-size: 1.8em;color: var(--page-primary-color);transition: transform 0.3s ease;pointer-events: none; /* Prevents span from blocking click on parent div */line-height: 1; /* Ensure consistent height */}.page-77jl-app-login-register-philippines__faq-item.active .page-77jl-app-login-register-philippines__faq-toggle {transform: rotate(45deg); /* Change '+' to 'x' or similar visual cue */}.page-77jl-app-login-register-philippines__faq-answer {max-height: 0;overflow: hidden;padding: 0 25px;color: #ccc;background-color: var(--page-secondary-color);transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;opacity: 0;box-sizing: border-box;}.page-77jl-app-login-register-philippines__faq-item.active .page-77jl-app-login-register-philippines__faq-answer {max-height: 2000px !important; /* Sufficiently large to contain content */padding: 20px 25px !important;opacity: 1;}.page-77jl-app-login-register-philippines__faq-answer p {margin: 0;padding-bottom: 10px;}/* Floating Buttons */.page-77jl-app-login-register-philippines__floating-buttons {position: fixed;bottom: 20px;right: 20px;display: flex;flex-direction: column;gap: 10px;z-index: 1000;}.page-77jl-app-login-register-philippines__floating-button {padding: 10px 20px;border-radius: 50px;text-decoration: none;font-weight: bold;color: var(--page-secondary-color);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);transition: transform 0.2s ease, box-shadow 0.2s ease;text-align: center;min-width: 100px;}.page-77jl-app-login-register-philippines__floating-button--register {background-color: var(--page-primary-color);}.page-77jl-app-login-register-philippines__floating-button--login {background-color: var(--page-accent-color);color: #fff;}.page-77jl-app-login-register-philippines__floating-button:hover {transform: translateY(-3px);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);}/* Responsive Design */@media (max-width: 1024px) {.page-77jl-app-login-register-philippines__hero-title {font-size: 2.8em;}.page-77jl-app-login-register-philippines__hero-description {font-size: 1.1em;}.page-77jl-app-login-register-philippines__section-title {font-size: 2em;}}@media (max-width: 768px) {.page-77jl-app-login-register-philippines {padding-top: var(--header-offset, 122px) !important; /* Ensure body padding is applied */}.page-77jl-app-login-register-philippines__hero-section {flex-direction: column;padding: 40px 15px;min-height: auto;}.page-77jl-app-login-register-philippines__hero-content {margin-bottom: 30px;}.page-77jl-app-login-register-philippines__hero-title {font-size: 2.2em;margin-bottom: 15px;}.page-77jl-app-login-register-philippines__hero-description {font-size: 1em;margin-bottom: 20px;}.page-77jl-app-login-register-philippines__hero-buttons {flex-direction: column;gap: 15px;}.page-77jl-app-login-register-philippines__button {width: 100%;max-width: 300px;margin-left: auto;margin-right: auto;}.page-77jl-app-login-register-philippines__hero-app-download .page-77jl-app-login-register-philippines__button--download {max-width: 300px;margin-left: auto;margin-right: auto;}.page-77jl-app-login-register-philippines__game-categories,.page-77jl-app-login-register-philippines__features-section,.page-77jl-app-login-register-philippines__faq-section {padding: 40px 15px;}.page-77jl-app-login-register-philippines__section-title {font-size: 1.8em;margin-bottom: 15px;}.page-77jl-app-login-register-philippines__section-description {font-size: 0.95em;margin-bottom: 30px;}.page-77jl-app-login-register-philippines__categories-grid,.page-77jl-app-login-register-philippines__features-grid {grid-template-columns: 1fr;gap: 25px;}.page-77jl-app-login-register-philippines__category-item,.page-77jl-app-login-register-philippines__feature-item {width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;margin-left: 0 !important;margin-right: 0 !important;padding: 20px !important;}.page-77jl-app-login-register-philippines__category-image-wrapper,.page-77jl-app-login-register-philippines__feature-icon {width: 100% !important;max-width: 100% !important;height: auto !important;box-sizing: border-box !important;}.page-77jl-app-login-register-philippines__category-image {max-width: 100% !important;height: auto !important;word-wrap: break-word !important;overflow-wrap: break-word !important;}.page-77jl-app-login-register-philippines__faq-question {padding: 15px 20px;}.page-77jl-app-login-register-philippines__faq-title {font-size: 1.1em;}.page-77jl-app-login-register-philippines__faq-toggle {font-size: 1.5em;}.page-77jl-app-login-register-philippines__faq-answer {padding: 15px 20px !important;}.page-77jl-app-login-register-philippines__floating-buttons {flex-direction: row;bottom: 15px;right: 50%;transform: translateX(50%);width: calc(100% - 30px);justify-content: center;gap: 10px;}.page-77jl-app-login-register-philippines__floating-button {flex: 1;min-width: unset;padding: 10px 15px;font-size: 0.9em;}}@media (max-width: 480px) {.page-77jl-app-login-register-philippines__hero-title {font-size: 1.8em;}.page-77jl-app-login-register-philippines__section-title {font-size: 1.6em;}.page-77jl-app-login-register-philippines__button {padding: 10px 20px;font-size: 0.9em;}.page-77jl-app-login-register-philippines__floating-buttons {bottom: 10px;gap: 8px;}.page-77jl-app-login-register-philippines__floating-button {font-size: 0.85em;padding: 8px 10px;}}