body{font-family:'Arial',sans-serif;margin:0;padding:0;background-color:#f8f8f8;color:#333}.page-kuya-j-scan-qr-code__container{max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}.page-kuya-j-scan-qr-code__hero-section{position:relative;width:100%;min-height:500px;background-color:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:10px;box-sizing:border-box}.page-kuya-j-scan-qr-code__hero-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('[GALLERY:hero:1920x1080:qr_code_background,mobile_gaming,philippines]');background-size:cover;background-position:center;opacity:0.6;z-index:0}.page-kuya-j-scan-qr-code__hero-content{position:relative;z-index:1;padding:20px}.page-kuya-j-scan-qr-code__hero-title{font-size:3em;margin-bottom:15px;line-height:1.2}.page-kuya-j-scan-qr-code__hero-subtitle{font-size:1.2em;margin-bottom:30px}.page-kuya-j-scan-qr-code__hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.page-kuya-j-scan-qr-code__button{display:inline-block;padding:12px 30px;background-color:#ffcc00;color:#000;text-decoration:none;border-radius:5px;font-weight:bold;transition:background-color 0.3s ease,transform 0.2s ease;border:none;cursor:pointer;font-size:1em}.page-kuya-j-scan-qr-code__button:hover{background-color:#e6b800;transform:translateY(-2px)}.page-kuya-j-scan-qr-code__section{padding:60px 0;text-align:center}.page-kuya-j-scan-qr-code__section:nth-of-type(even){background-color:#f0f0f0}.page-kuya-j-scan-qr-code__heading{font-size:2.5em;margin-bottom:20px;color:#0a0a0a}.page-kuya-j-scan-qr-code__subheading{font-size:1.5em;margin-bottom:30px;color:#555}.page-kuya-j-scan-qr-code__image-wrapper{margin-bottom:30px;display:flex;justify-content:center;align-items:center}.page-kuya-j-scan-qr-code__image{max-width:100%;height:auto;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.page-kuya-j-scan-qr-code__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.page-kuya-j-scan-qr-code__grid-item{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05);text-align:left}.page-kuya-j-scan-qr-code__grid-item-title{font-size:1.3em;margin-bottom:15px;color:#0a0a0a}.page-kuya-j-scan-qr-code__grid-item-description{font-size:0.95em;line-height:1.6;color:#666}.page-kuya-j-scan-qr-code__cta-section{background-color:#0a0a0a;color:#fff;padding:80px 0}.page-kuya-j-scan-qr-code__cta-title{font-size:2.8em;margin-bottom:20px}.page-kuya-j-scan-qr-code__cta-description{font-size:1.3em;margin-bottom:40px}.page-kuya-j-scan-qr-code__faq-section{padding:60px 0;background-color:#fff}.page-kuya-j-scan-qr-code__faq-list{max-width:800px;margin:40px auto 0 auto}.page-kuya-j-scan-qr-code__faq-item{margin-bottom:15px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.page-kuya-j-scan-qr-code__faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 15px;background-color:#f9f9f9;cursor:pointer;user-select:none;transition:background-color 0.3s ease}.page-kuya-j-scan-qr-code__faq-question:hover{background-color:#eee}.page-kuya-j-scan-qr-code__faq-question h3{margin:0;font-size:1.1em;color:#0a0a0a;pointer-events:none}.page-kuya-j-scan-qr-code__faq-toggle{font-size:1.5em;font-weight:bold;color:#0a0a0a;pointer-events:none;transition:transform 0.3s ease}.page-kuya-j-scan-qr-code__faq-answer{max-height:0;overflow:hidden;padding:0 15px;opacity:0;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1),padding 0.4s ease,opacity 0.4s ease}.page-kuya-j-scan-qr-code__faq-item.active .page-kuya-j-scan-qr-code__faq-answer{max-height:2000px !important;padding:20px 15px !important;opacity:1}.page-kuya-j-scan-qr-code__faq-item.active .page-kuya-j-scan-qr-code__faq-toggle{transform:rotate(45deg)}.page-kuya-j-scan-qr-code__faq-answer p{margin:0;line-height:1.6;color:#555}@media (max-width:768px){.page-kuya-j-scan-qr-code__hero-title{font-size:2.2em}.page-kuya-j-scan-qr-code__hero-subtitle{font-size:1em}.page-kuya-j-scan-qr-code__hero-buttons{flex-direction:column;gap:15px}.page-kuya-j-scan-qr-code__button{width:100%;padding:12px 0}.page-kuya-j-scan-qr-code__heading{font-size:2em}.page-kuya-j-scan-qr-code__subheading{font-size:1.2em}.page-kuya-j-scan-qr-code__grid{grid-template-columns:1fr;margin-top:20px}.page-kuya-j-scan-qr-code__grid-item{padding:20px}.page-kuya-j-scan-qr-code__cta-title{font-size:2em}.page-kuya-j-scan-qr-code__cta-description{font-size:1em}.page-kuya-j-scan-qr-code__section{padding:40px 0}.page-kuya-j-scan-qr-code__faq-question h3{font-size:1em}.page-kuya-j-scan-qr-code__faq-answer p{font-size:0.9em}.page-kuya-j-scan-qr-code__image{max-width:100% !important;height:auto !important;box-sizing:border-box !important;}.page-kuya-j-scan-qr-code__image-wrapper{width:100% !important;max-width:100% !important;overflow:hidden !important;box-sizing:border-box !important;}}.page-kuya-j-scan-qr-code__floating-buttons{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:15px}@media (max-width:768px){.page-kuya-j-scan-qr-code__floating-buttons{bottom:15px;right:15px;gap:10px}}.page-kuya-j-scan-qr-code__floating-button{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#ffcc00;color:#000;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.2);text-decoration:none;font-size:0.9em;font-weight:bold;text-align:center;line-height:1.2;transition:background-color 0.3s ease,transform 0.2s ease}.page-kuya-j-scan-qr-code__floating-button:hover{background-color:#e6b800;transform:translateY(-2px)}