/* Base styles for the page */.page-jl-kepu-selatan{font-family:'Arial',sans-serif;color:#e0e0e0;background-color:#1a1a1a;line-height:1.6}.page-jl-kepu-selatan__container{max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}/* Hero Section */.page-jl-kepu-selatan__hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px 40px;background:linear-gradient(135deg,#2a0a3a,#0a0a2a);position:relative;overflow:hidden}.page-jl-kepu-selatan__hero-content{max-width:800px;z-index:1}.page-jl-kepu-selatan__hero-title{font-size:2.5em;color:#ffcc00;margin-bottom:20px;line-height:1.2}.page-jl-kepu-selatan__highlight{color:#ffffff;font-weight:bold}.page-jl-kepu-selatan__hero-description{font-size:1.1em;color:#e0e0e0;margin-bottom:30px}.page-jl-kepu-selatan__hero-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.page-jl-kepu-selatan__btn{display:inline-block;padding:12px 25px;border-radius:8px;text-decoration:none;font-weight:bold;font-size:1em;transition:background-color .3s ease,transform .3s ease;box-sizing:border-box}.page-jl-kepu-selatan__btn--primary{background-color:#ffcc00;color:#1a1a1a;border:2px solid #ffcc00}.page-jl-kepu-selatan__btn--primary:hover{background-color:#e6b800;transform:translateY(-2px)}.page-jl-kepu-selatan__btn--secondary{background-color:transparent;color:#ffcc00;border:2px solid #ffcc00}.page-jl-kepu-selatan__btn--secondary:hover{background-color:#ffcc00;color:#1a1a1a;transform:translateY(-2px)}.page-jl-kepu-selatan__hero-image-wrapper{margin-top:40px;width:100%;max-width:800px;overflow:hidden;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.page-jl-kepu-selatan__hero-image{max-width:100%;height:auto;display:block}/* Section Titles & Descriptions */.page-jl-kepu-selatan__section-title{font-size:2em;color:#ffcc00;text-align:center;margin-bottom:20px;padding-top:40px}.page-jl-kepu-selatan__section-description{font-size:1.1em;color:#cccccc;text-align:center;max-width:800px;margin:0 auto 40px}/* About Section */.page-jl-kepu-selatan__about-section{background-color:#222;padding:60px 0}.page-jl-kepu-selatan__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.page-jl-kepu-selatan__feature-item{background-color:#2a2a2a;padding:30px;border-radius:10px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.3);transition:transform .3s ease;box-sizing:border-box}.page-jl-kepu-selatan__feature-item:hover{transform:translateY(-5px)}.page-jl-kepu-selatan__feature-icon{width:100%;max-width:250px;height:auto;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto;border-radius:8px}.page-jl-kepu-selatan__feature-title{font-size:1.4em;color:#ffcc00;margin-bottom:10px}.page-jl-kepu-selatan__feature-text{color:#cccccc;font-size:.95em}/* Games Section */.page-jl-kepu-selatan__games-section{padding:60px 0;background-color:#1a1a1a}.page-jl-kepu-selatan__game-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.page-jl-kepu-selatan__game-category-item{background-color:#2a2a2a;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.3);text-align:center;transition:transform .3s ease;box-sizing:border-box}.page-jl-kepu-selatan__game-category-item:hover{transform:translateY(-5px)}.page-jl-kepu-selatan__game-category-image{max-width:100%;height:auto;display:block;border-bottom:3px solid #ffcc00}.page-jl-kepu-selatan__game-category-title{font-size:1.3em;color:#ffcc00;margin:20px 15px 10px}.page-jl-kepu-selatan__game-category-text{color:#cccccc;font-size:.9em;padding:0 15px 20px}.page-jl-kepu-selatan__cta-bottom{text-align:center;margin-top:50px}/* Providers Section */.page-jl-kepu-selatan__providers-section{background-color:#222;padding:60px 0}.page-jl-kepu-selatan__provider-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px}.page-jl-kepu-selatan__provider-logo{width:120px;height:auto;object-fit:contain;filter:grayscale(80%);transition:filter .3s ease}.page-jl-kepu-selatan__provider-logo:hover{filter:grayscale(0%)}/* FAQ Section */.page-jl-kepu-selatan__faq-section{padding:60px 0;background-color:#1a1a1a}.page-jl-kepu-selatan__faq-list{max-width:900px;margin:40px auto 0}.page-jl-kepu-selatan__faq-item{background-color:#2a2a2a;border-radius:10px;margin-bottom:15px;box-shadow:0 4px 10px rgba(0,0,0,.2);overflow:hidden;box-sizing:border-box}.page-jl-kepu-selatan__faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;cursor:pointer;background-color:#333;color:#ffcc00;font-size:1.15em;font-weight:bold;user-select:none;transition:background-color .3s ease}.page-jl-kepu-selatan__faq-question:hover{background-color:#444}.page-jl-kepu-selatan__faq-question-text{margin:0;flex-grow:1;pointer-events:none;color:#ffcc00}.page-jl-kepu-selatan__faq-toggle{font-size:1.5em;line-height:1;margin-left:15px;pointer-events:none;transition:transform .3s ease}.page-jl-kepu-selatan__faq-answer{max-height:0;overflow:hidden;padding:0 25px;color:#cccccc;background-color:#2a2a2a;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s ease,opacity .4s ease;opacity:0}.page-jl-kepu-selatan__faq-answer p{margin:0 0 15px 0;padding-bottom:5px}.page-jl-kepu-selatan__faq-item.active .page-jl-kepu-selatan__faq-answer{max-height:2000px !important;padding:20px 25px !important;opacity:1}.page-jl-kepu-selatan__faq-item.active .page-jl-kepu-selatan__faq-toggle{transform:rotate(45deg)}/* CTA Section */.page-jl-kepu-selatan__cta-section{background:linear-gradient(90deg,#0a0a2a,#2a0a3a);padding:80px 20px;text-align:center}.page-jl-kepu-selatan__btn--large{font-size:1.3em;padding:15px 35px;min-width:250px}/* Responsive adjustments */@media (max-width:768px){.page-jl-kepu-selatan__container{padding:15px}.page-jl-kepu-selatan__hero-section{padding:40px 15px 30px}.page-jl-kepu-selatan__hero-title{font-size:2em}.page-jl-kepu-selatan__hero-description{font-size:1em}.page-jl-kepu-selatan__hero-actions{flex-direction:column;gap:10px}.page-jl-kepu-selatan__btn{width:100% !important;max-width:300px !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important}.page-jl-kepu-selatan__section-title{font-size:1.7em;padding-top:30px}.page-jl-kepu-selatan__section-description{font-size:.95em;margin-bottom:30px}.page-jl-kepu-selatan__features-grid,.page-jl-kepu-selatan__game-categories{grid-template-columns:1fr;gap:20px}.page-jl-kepu-selatan__feature-item,.page-jl-kepu-selatan__game-category-item,.page-jl-kepu-selatan__faq-item{width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin-left:0 !important;margin-right:0 !important;word-wrap:break-word !important;overflow-wrap:break-word !important}.page-jl-kepu-selatan__feature-text,.page-jl-kepu-selatan__game-category-text,.page-jl-kepu-selatan__faq-answer p{word-break:break-word !important}.page-jl-kepu-selatan__provider-logos{gap:10px}.page-jl-kepu-selatan__provider-logo{width:80px}.page-jl-kepu-selatan__faq-question{padding:15px 20px;font-size:1em}.page-jl-kepu-selatan__faq-answer{padding:0 20px}.page-jl-kepu-selatan__faq-item.active .page-jl-kepu-selatan__faq-answer{padding:15px 20px !important}.page-jl-kepu-selatan__cta-section{padding:60px 15px}.page-jl-kepu-selatan__btn--large{font-size:1.1em;padding:12px 25px;min-width:unset;width:100% !important;max-width:300px !important;margin-left:auto !important;margin-right:auto !important}}@media (max-width:480px){.page-jl-kepu-selatan__hero-title{font-size:1.8em}.page-jl-kepu-selatan__section-title{font-size:1.5em}}/* Ensure images in any container are responsive */.page-jl-kepu-selatan img{max-width:100%;height:auto;display:block}/* General container for responsive images */.page-jl-kepu-selatan__hero-image-wrapper,.page-jl-kepu-selatan__feature-icon,.page-jl-kepu-selatan__game-category-image,.page-jl-kepu-selatan__provider-logo{box-sizing:border-box;overflow:hidden}@media (max-width:768px){.page-jl-kepu-selatan__hero-image-wrapper,.page-jl-kepu-selatan__feature-icon,.page-jl-kepu-selatan__game-category-image,.page-jl-kepu-selatan__provider-logo{width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin-left:auto !important;margin-right:auto !important}}