.page-18-jl-login{font-family:'Arial', sans-serif;color:var(--page-18-jl-login-light-text);background-color:var(--page-18-jl-login-dark-bg);line-height:1.6;padding-top:10px}.page-18-jl-login__section-title{font-size:2.5rem;color:var(--page-18-jl-login-secondary-color);text-align:center;margin-bottom:40px;padding:0 15px}.page-18-jl-login__section-description{font-size:1.1rem;text-align:center;max-width:800px;margin:0 auto 30px auto;padding:0 15px;color:var(--page-18-jl-login-light-text)}.page-18-jl-login__hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;background:linear-gradient(135deg, var(--page-18-jl-login-dark-bg), #0f0f1a);border-bottom:5px solid var(--page-18-jl-login-primary-color);margin-bottom:40px}.page-18-jl-login__hero-content{max-width:900px;margin-bottom:40px}.page-18-jl-login__hero-title{font-size:3.5rem;color:var(--page-18-jl-login-secondary-color);margin-bottom:20px;line-height:1.2}.page-18-jl-login__hero-description{font-size:1.3rem;margin-bottom:30px;color:var(--page-18-jl-login-light-text)}.page-18-jl-login__hero-cta-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.page-18-jl-login__hero-button{display:inline-block;padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:bold;font-size:1.1rem;transition:background-color .3s ease, transform .2s ease;min-width:180px}.page-18-jl-login__hero-button--primary{background-color:var(--page-18-jl-login-primary-color);color:#ffffff}.page-18-jl-login__hero-button--primary:hover{background-color:var(--page-18-jl-login-button-hover-bg);transform:translateY(-2px)}.page-18-jl-login__hero-button--secondary{background-color:transparent;color:var(--page-18-jl-login-secondary-color);border:2px solid var(--page-18-jl-login-secondary-color)}.page-18-jl-login__hero-button--secondary:hover{background-color:var(--page-18-jl-login-secondary-color);color:var(--page-18-jl-login-dark-bg);transform:translateY(-2px)}.page-18-jl-login__hero-image-wrapper{margin-top:40px;max-width:100%;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px rgba(0, 0, 0, .4)}.page-18-jl-login__hero-image{max-width:100%;height:auto;display:block}.page-18-jl-login__features-section{padding:60px 20px;background-color:var(--page-18-jl-login-card-bg);margin-bottom:40px;border-radius:8px;max-width:1200px;margin-left:auto;margin-right:auto}.page-18-jl-login__features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:30px}.page-18-jl-login__feature-item{text-align:center;background-color:#3a3a5a;padding:30px;border-radius:8px;box-shadow:0 5px 15px rgba(0, 0, 0, .2);transition:transform .3s ease}.page-18-jl-login__feature-item:hover{transform:translateY(-5px)}.page-18-jl-login__feature-icon{width:200px;height:auto;margin-bottom:20px;border-radius:8px;object-fit:cover}.page-18-jl-login__feature-title{font-size:1.8rem;color:var(--page-18-jl-login-secondary-color);margin-bottom:15px}.page-18-jl-login__feature-description{font-size:1rem;color:var(--page-18-jl-login-light-text)}.page-18-jl-login__how-to-section{padding:60px 20px;background-color:var(--page-18-jl-login-dark-bg);margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto}.page-18-jl-login__steps-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:40px;margin-bottom:50px}.page-18-jl-login__step-item{background-color:#3a3a5a;padding:30px;border-radius:8px;box-shadow:0 5px 15px rgba(0, 0, 0, .2);position:relative;text-align:center}.page-18-jl-login__step-number{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:var(--page-18-jl-login-primary-color);color:#ffffff;font-size:2rem;font-weight:bold;margin-bottom:20px;box-shadow:0 0 0 5px rgba(228, 77, 38, .3)}.page-18-jl-login__step-title{font-size:1.8rem;color:var(--page-18-jl-login-secondary-color);margin-bottom:15px}.page-18-jl-login__step-description{font-size:1rem;color:var(--page-18-jl-login-light-text)}.page-18-jl-login__how-to-cta{text-align:center}.page-18-jl-login__game-showcase{padding:60px 20px;background-color:var(--page-18-jl-login-card-bg);margin-bottom:40px;border-radius:8px;max-width:1200px;margin-left:auto;margin-right:auto}.page-18-jl-login__game-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:30px}.page-18-jl-login__game-card{text-align:center;background-color:#3a3a5a;padding:25px;border-radius:8px;box-shadow:0 5px 15px rgba(0, 0, 0, .2);transition:transform .3s ease}.page-18-jl-login__game-card:hover{transform:translateY(-5px)}.page-18-jl-login__game-logo{width:100px;height:100px;object-fit:contain;margin-bottom:15px;border-radius:50%;background-color:var(--page-18-jl-login-dark-bg);padding:10px}.page-18-jl-login__game-title{font-size:1.5rem;color:var(--page-18-jl-login-secondary-color);margin-bottom:10px}.page-18-jl-login__game-description{font-size:.95rem;color:var(--page-18-jl-login-light-text)}.page-18-jl-login__faq-section{padding:60px 20px;background-color:var(--page-18-jl-login-dark-bg);max-width:1200px;margin-left:auto;margin-right:auto;border-radius:8px}.page-18-jl-login__faq-list{max-width:800px;margin:0 auto}.page-18-jl-login__faq-item{background-color:#3a3a5a;margin-bottom:15px;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0, 0, 0, .1)}.page-18-jl-login__faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;cursor:pointer;user-select:none;background-color:#4a4a6a;border-bottom:1px solid var(--page-18-jl-login-border-color);transition:background-color .3s ease}.page-18-jl-login__faq-question:hover{background-color:#5a5a7a}.page-18-jl-login__faq-title{font-size:1.2rem;color:var(--page-18-jl-login-light-text);margin:0;pointer-events:none}.page-18-jl-login__faq-toggle{font-size:1.8rem;font-weight:bold;color:var(--page-18-jl-login-secondary-color);transition:transform .3s ease;pointer-events:none}.page-18-jl-login__faq-item.active .page-18-jl-login__faq-toggle{transform:rotate(45deg);color:var(--page-18-jl-login-primary-color)}.page-18-jl-login__faq-answer{max-height:0;overflow:hidden;padding:0 25px;opacity:0;transition:max-height .4s cubic-bezier(.4, 0, .2, 1), padding .4s ease, opacity .4s ease;color:var(--page-18-jl-login-light-text)}.page-18-jl-login__faq-item.active .page-18-jl-login__faq-answer{max-height:2000px !important;padding:20px 25px !important;opacity:1}.page-18-jl-login__faq-answer p{margin:0}@media (max-width:1024px){.page-18-jl-login__hero-title{font-size:2.8rem}.page-18-jl-login__hero-description{font-size:1.1rem}.page-18-jl-login__section-title{font-size:2rem}}@media (max-width:768px){.page-18-jl-login__hero-section{padding:40px 15px}.page-18-jl-login__hero-title{font-size:2.2rem}.page-18-jl-login__hero-description{font-size:1rem}.page-18-jl-login__hero-cta-group{flex-direction:column;gap:15px}.page-18-jl-login__hero-button{width:100%;max-width:300px}.page-18-jl-login__section-title{font-size:1.8rem;margin-bottom:30px}.page-18-jl-login__section-description{font-size:.95rem}.page-18-jl-login__features-grid,.page-18-jl-login__steps-container,.page-18-jl-login__game-grid{grid-template-columns:1fr;gap:20px}.page-18-jl-login__feature-item,.page-18-jl-login__step-item,.page-18-jl-login__game-card{width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin-left:0 !important;margin-right:0 !important;padding:20px !important}.page-18-jl-login__feature-description,.page-18-jl-login__step-description,.page-18-jl-login__game-description,.page-18-jl-login__faq-answer p{word-wrap:break-word !important;overflow-wrap:break-word !important;word-break:break-word !important}.page-18-jl-login__features-section,.page-18-jl-login__how-to-section,.page-18-jl-login__game-showcase,.page-18-jl-login__faq-section{padding:40px 15px}.page-18-jl-login__faq-question{padding:15px 20px}.page-18-jl-login__faq-title{font-size:1.1rem}.page-18-jl-login__faq-answer{padding:15px 20px}.page-18-jl-login__faq-item.active .page-18-jl-login__faq-answer{padding:15px 20px !important}}@media (max-width:480px){.page-18-jl-login__hero-title{font-size:1.8rem}.page-18-jl-login__section-title{font-size:1.5rem}.page-18-jl-login__feature-title,.page-18-jl-login__step-title,.page-18-jl-login__game-title{font-size:1.4rem}.page-18-jl-login__hero-button{font-size:1rem;padding:12px 25px}}