:root {--page-kuya-kim-encyclopedia__primary-color: #FFD700; /* Gold */--page-kuya-kim-encyclopedia__secondary-color: #1a1a2e; /* Dark Blue */--page-kuya-kim-encyclopedia__accent-color: #e94560; /* Reddish Pink */--page-kuya-kim-encyclopedia__text-color: #e0e0e0; /* Light Gray */--page-kuya-kim-encyclopedia__dark-text-color: #333333; /* Dark Gray */--page-kuya-kim-encyclopedia__background-dark: #0f0f1a;--page-kuya-kim-encyclopedia__background-light: #16213e;--page-kuya-kim-encyclopedia__border-color: #3f51b5;}.page-kuya-kim-encyclopedia {font-family: 'Arial', sans-serif;color: var(--page-kuya-kim-encyclopedia__text-color);background-color: var(--page-kuya-kim-encyclopedia__background-dark);line-height: 1.6;overflow-x: hidden;padding-top: var(--header-offset, 122px); /* Fallback for fixed header */}.page-kuya-kim-encyclopedia__hero {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 40px 20px;background: linear-gradient(135deg, var(--page-kuya-kim-encyclopedia__background-dark) 0%, var(--page-kuya-kim-encyclopedia__background-light) 100%);position: relative;overflow: hidden;}.page-kuya-kim-encyclopedia__hero-content {max-width: 900px;z-index: 1;}.page-kuya-kim-encyclopedia__hero-title {font-size: 2.8em;color: var(--page-kuya-kim-encyclopedia__primary-color);margin-bottom: 20px;line-height: 1.2;}.page-kuya-kim-encyclopedia__brand-highlight {color: var(--page-kuya-kim-encyclopedia__accent-color);}.page-kuya-kim-encyclopedia__hero-description {font-size: 1.2em;margin-bottom: 30px;color: var(--page-kuya-kim-encyclopedia__text-color);}.page-kuya-kim-encyclopedia__keyword {font-weight: bold;color: var(--page-kuya-kim-encyclopedia__primary-color);}.page-kuya-kim-encyclopedia__hero-actions {display: flex;gap: 20px;justify-content: center;flex-wrap: wrap;}.page-kuya-kim-encyclopedia__button {display: inline-block;padding: 15px 30px;border-radius: 8px;text-decoration: none;font-weight: bold;font-size: 1.1em;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);white-space: nowrap;}.page-kuya-kim-encyclopedia__button--primary {background-color: var(--page-kuya-kim-encyclopedia__primary-color);color: var(--page-kuya-kim-encyclopedia__background-dark);border: 2px solid var(--page-kuya-kim-encyclopedia__primary-color);}.page-kuya-kim-encyclopedia__button--primary:hover {background-color: #ffc107; /* Slightly darker gold */transform: translateY(-2px);}.page-kuya-kim-encyclopedia__button--secondary {background-color: transparent;color: var(--page-kuya-kim-encyclopedia__primary-color);border: 2px solid var(--page-kuya-kim-encyclopedia__primary-color);}.page-kuya-kim-encyclopedia__button--secondary:hover {background-color: var(--page-kuya-kim-encyclopedia__primary-color);color: var(--page-kuya-kim-encyclopedia__background-dark);transform: translateY(-2px);}.page-kuya-kim-encyclopedia__hero-image-wrapper {margin-top: 40px;width: 100%;max-width: 800px;overflow: hidden;border-radius: 15px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);}.page-kuya-kim-encyclopedia__hero-image {max-width: 100%;height: auto;display: block;}.page-kuya-kim-encyclopedia__content-section {padding: 60px 20px;background-color: var(--page-kuya-kim-encyclopedia__background-light);text-align: center;}.page-kuya-kim-encyclopedia__section-title {font-size: 2.2em;color: var(--page-kuya-kim-encyclopedia__primary-color);margin-bottom: 20px;text-align: center;}.page-kuya-kim-encyclopedia__section-description {font-size: 1.1em;max-width: 800px;margin: 0 auto 40px auto;color: var(--page-kuya-kim-encyclopedia__text-color);}.page-kuya-kim-encyclopedia__features {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;max-width: 1200px;margin: 0 auto;}.page-kuya-kim-encyclopedia__feature-item {background-color: var(--page-kuya-kim-encyclopedia__background-dark);padding: 30px;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);transition: transform 0.3s ease;display: flex;flex-direction: column;align-items: center;text-align: center;box-sizing: border-box; /* Ensure padding is included */}.page-kuya-kim-encyclopedia__feature-item:hover {transform: translateY(-5px);}.page-kuya-kim-encyclopedia__feature-icon {width: 200px; /* Minimum size */height: auto;margin-bottom: 20px;border-radius: 8px;max-width: 100%;box-sizing: border-box;}.page-kuya-kim-encyclopedia__feature-title {font-size: 1.5em;color: var(--page-kuya-kim-encyclopedia__accent-color);margin-bottom: 15px;}.page-kuya-kim-encyclopedia__feature-text {font-size: 1em;color: var(--page-kuya-kim-encyclopedia__text-color);}.page-kuya-kim-encyclopedia__app-promo {display: flex;flex-direction: column;align-items: center;padding: 60px 20px;background-color: var(--page-kuya-kim-encyclopedia__background-dark);text-align: center;gap: 40px;}.page-kuya-kim-encyclopedia__app-promo-content {max-width: 800px;}.page-kuya-kim-encyclopedia__button--large {padding: 18px 35px;font-size: 1.2em;background-color: var(--page-kuya-kim-encyclopedia__accent-color);color: white;border: 2px solid var(--page-kuya-kim-encyclopedia__accent-color);}.page-kuya-kim-encyclopedia__button--large:hover {background-color: #d13c54; /* Slightly darker accent */}.page-kuya-kim-encyclopedia__app-promo-image-wrapper {width: 100%;max-width: 600px;overflow: hidden;border-radius: 15px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);}.page-kuya-kim-encyclopedia__app-promo-image {max-width: 100%;height: auto;display: block;}.page-kuya-kim-encyclopedia__faq-section {padding: 60px 20px;background-color: var(--page-kuya-kim-encyclopedia__background-light);text-align: center;}.page-kuya-kim-encyclopedia__faq-container {max-width: 900px;margin: 0 auto;text-align: left;}.page-kuya-kim-encyclopedia__faq-item {margin-bottom: 15px;border: 1px solid var(--page-kuya-kim-encyclopedia__border-color);border-radius: 8px;background-color: var(--page-kuya-kim-encyclopedia__background-dark);overflow: hidden;box-sizing: border-box;}.page-kuya-kim-encyclopedia__faq-question {display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;cursor: pointer;background-color: var(--page-kuya-kim-encyclopedia__background-dark);color: var(--page-kuya-kim-encyclopedia__primary-color);font-weight: bold;user-select: none;transition: background-color 0.3s ease;}.page-kuya-kim-encyclopedia__faq-question:hover {background-color: #1f1f3a;}.page-kuya-kim-encyclopedia__faq-question-text {margin: 0;font-size: 1.1em;color: var(--page-kuya-kim-encyclopedia__primary-color);pointer-events: none; /* Prevent text selection from interfering with click */}.page-kuya-kim-encyclopedia__faq-toggle {font-size: 1.5em;line-height: 1;transition: transform 0.3s ease;pointer-events: none; /* Prevent icon from interfering with click */}.page-kuya-kim-encyclopedia__faq-item.active .page-kuya-kim-encyclopedia__faq-toggle {transform: rotate(45deg);}.page-kuya-kim-encyclopedia__faq-answer {max-height: 0;overflow: hidden;padding: 0 20px;color: var(--page-kuya-kim-encyclopedia__text-color);transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;opacity: 0;}.page-kuya-kim-encyclopedia__faq-item.active .page-kuya-kim-encyclopedia__faq-answer {max-height: 2000px !important; /* Sufficiently large */padding: 20px !important;opacity: 1;}.page-kuya-kim-encyclopedia__faq-answer p {margin: 0;padding-bottom: 10px; /* Add some space at the bottom of the answer */}/* Floating Buttons */.page-kuya-kim-encyclopedia__floating-buttons {position: fixed;bottom: 20px;right: 20px;display: flex;flex-direction: column;gap: 10px;z-index: 1000;}.page-kuya-kim-encyclopedia__floating-button {display: block;padding: 12px 20px;border-radius: 50px;text-decoration: none;font-weight: bold;font-size: 1em;text-align: center;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);transition: transform 0.3s ease;white-space: nowrap;}.page-kuya-kim-encyclopedia__floating-button--register {background-color: var(--page-kuya-kim-encyclopedia__accent-color);color: white;}.page-kuya-kim-encyclopedia__floating-button--login {background-color: var(--page-kuya-kim-encyclopedia__primary-color);color: var(--page-kuya-kim-encyclopedia__background-dark);}.page-kuya-kim-encyclopedia__floating-button:hover {transform: translateY(-3px);}/* Responsive adjustments */@media (max-width: 1024px) {.page-kuya-kim-encyclopedia__hero-title {font-size: 2.2em;}.page-kuya-kim-encyclopedia__section-title {font-size: 1.8em;}}@media (max-width: 768px) {.page-kuya-kim-encyclopedia__hero {padding: 30px 15px;}.page-kuya-kim-encyclopedia__hero-title {font-size: 2em;}.page-kuya-kim-encyclopedia__hero-description {font-size: 1em;}.page-kuya-kim-encyclopedia__hero-actions {flex-direction: column;gap: 15px;}.page-kuya-kim-encyclopedia__button {width: 100%;padding: 12px 20px;font-size: 1em;}.page-kuya-kim-encyclopedia__content-section,.page-kuya-kim-encyclopedia__app-promo,.page-kuya-kim-encyclopedia__faq-section {padding: 40px 15px;}.page-kuya-kim-encyclopedia__section-title {font-size: 1.6em;}.page-kuya-kim-encyclopedia__section-description {font-size: 0.95em;margin-bottom: 30px;}.page-kuya-kim-encyclopedia__features {grid-template-columns: 1fr;gap: 20px;}.page-kuya-kim-encyclopedia__feature-item {padding: 20px;width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;margin-left: 0 !important;margin-right: 0 !important;}.page-kuya-kim-encyclopedia__feature-icon {width: 150px; /* Adjust for mobile */height: auto;}.page-kuya-kim-encyclopedia__feature-title {font-size: 1.3em;}.page-kuya-kim-encyclopedia__app-promo {flex-direction: column;}.page-kuya-kim-encyclopedia__app-promo-image-wrapper {max-width: 100%;}.page-kuya-kim-encyclopedia__app-promo-image {max-width: 100% !important;height: auto !important;box-sizing: border-box !important;}.page-kuya-kim-encyclopedia__faq-question {padding: 12px 15px;}.page-kuya-kim-encyclopedia__faq-question-text {font-size: 1em;}.page-kuya-kim-encyclopedia__faq-answer {padding: 0 15px;}.page-kuya-kim-encyclopedia__faq-item.active .page-kuya-kim-encyclopedia__faq-answer {padding: 15px !important;}.page-kuya-kim-encyclopedia__floating-buttons {bottom: 15px;right: 15px;}.page-kuya-kim-encyclopedia__floating-button {padding: 10px 15px;font-size: 0.9em;}}@media (max-width: 480px) {.page-kuya-kim-encyclopedia__hero-title {font-size: 1.8em;}.page-kuya-kim-encyclopedia__section-title {font-size: 1.4em;}.page-kuya-kim-encyclopedia__faq-question-text {font-size: 0.9em;}.page-kuya-kim-encyclopedia__faq-answer p {font-size: 0.9em;word-wrap: break-word !important;overflow-wrap: break-word !important;}}