.page-jl-7__floating-buttons{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.page-jl-7__floating-button{display:block;padding:12px 20px;border-radius:30px;font-weight:bold;text-align:center;text-decoration:none;font-size:16px;color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:background-color .3s ease}.page-jl-7__floating-button--register{background-color:#e74c3c}.page-jl-7__floating-button--register:hover{background-color:#c0392b}.page-jl-7__floating-button--login{background-color:#3498db}.page-jl-7__floating-button--login:hover{background-color:#2980b9}.page-jl-7__floating-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.page-jl-7{font-family:'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;color:#333;background-color:#f8f8f8}.page-jl-7__container{max-width:1200px;margin:0 auto;padding:20px}.page-jl-7__hero-section{background:linear-gradient(135deg,#3498db,#2c3e50);color:#fff;text-align:center;padding:10px 20px 60px;position:relative;overflow:hidden;border-radius:10px;margin-bottom:30px}.page-jl-7__hero-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.3}.page-jl-7__hero-content{position:relative;z-index:1}.page-jl-7__h1{font-size:3.2em;margin-bottom:15px;font-weight:700;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.page-jl-7__h1 strong{color:#f1c40f}.page-jl-7__brand-logo{margin-bottom:25px}.page-jl-7__brand-logo img{max-width:250px;height:auto}.page-jl-7__promo-text{font-size:1.5em;margin-bottom:30px;font-weight:300;opacity:.9}.page-jl-7__cta-buttons{display:flex;justify-content:center;gap:20px}.page-jl-7__cta-button{display:inline-block;padding:15px 30px;background-color:#e74c3c;color:#fff;border-radius:50px;text-decoration:none;font-size:1.1em;font-weight:600;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 10px rgba(0,0,0,.2)}.page-jl-7__cta-button:hover{background-color:#c0392b;transform:translateY(-2px)}.page-jl-7__cta-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.page-jl-7__section{padding:40px 0;text-align:center}.page-jl-7__section-title{font-size:2.5em;margin-bottom:30px;color:#2c3e50;font-weight:700}.page-jl-7__game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.page-jl-7__game-card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);overflow:hidden;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.page-jl-7__game-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.page-jl-7__game-card-image{width:100%;height:200px;object-fit:cover}.page-jl-7__game-card-content{padding:25px}.page-jl-7__game-card-title{font-size:1.8em;margin-bottom:10px;color:#2c3e50;font-weight:600}.page-jl-7__game-card-description{font-size:1em;color:#666;line-height:1.6;margin-bottom:20px}.page-jl-7__game-card-button{display:inline-block;padding:12px 25px;background-color:#f39c12;color:#fff;border-radius:5px;text-decoration:none;font-weight:600;transition:background-color .3s ease}.page-jl-7__game-card-button:hover{background-color:#e67e22}.page-jl-7__promo-list{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin-top:40px}.page-jl-7__promo-item{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);padding:30px;text-align:left;flex:1 1 calc(33% - 25px);min-width:300px;max-width:380px;transition:transform .3s ease}.page-jl-7__promo-item:hover{transform:translateY(-5px)}.page-jl-7__promo-title{font-size:1.8em;color:#e74c3c;margin-bottom:15px}.page-jl-7__promo-description{font-size:1em;color:#555;line-height:1.6;margin-bottom:20px}.page-jl-7__promo-button{display:inline-block;padding:12px 25px;background-color:#e74c3c;color:#fff;border-radius:5px;text-decoration:none;font-weight:600;transition:background-color .3s ease}.page-jl-7__promo-button:hover{background-color:#c0392b}.page-jl-7__app-section{background-color:#ecf0f1;padding:60px 0}.page-jl-7__app-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:50px}.page-jl-7__app-text{flex:1 1 500px;text-align:left;max-width:600px}.page-jl-7__app-title{font-size:2.8em;color:#2c3e50;margin-bottom:20px}.page-jl-7__app-description{font-size:1.1em;color:#555;line-height:1.7;margin-bottom:30px}.page-jl-7__download-buttons{display:flex;gap:20px}.page-jl-7__download-button{display:inline-flex;align-items:center;padding:15px 30px;background-color:#27ae60;color:#fff;border-radius:50px;text-decoration:none;font-size:1.1em;font-weight:600;transition:background-color .3s ease,transform .2s ease}.page-jl-7__download-button:hover{background-color:#229a54;transform:translateY(-2px)}.page-jl-7__download-button i{margin-right:10px}.page-jl-7__app-image{flex:1 1 400px;text-align:center}.page-jl-7__app-image img{max-width:100%;height:auto;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.15)}.page-jl-7__about-section{background-color:#f8f8f8;padding:60px 0}.page-jl-7__about-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:50px}.page-jl-7__about-image{flex:1 1 400px;text-align:center}.page-jl-7__about-image img{max-width:100%;height:auto;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.15)}.page-jl-7__about-text{flex:1 1 500px;text-align:left;max-width:600px}.page-jl-7__about-title{font-size:2.8em;color:#2c3e50;margin-bottom:20px}.page-jl-7__about-description{font-size:1.1em;color:#555;line-height:1.7;margin-bottom:30px}.page-jl-7__faq-section{background-color:#fff;padding:60px 0}.page-jl-7__faq-list{margin-top:40px;max-width:800px;margin-left:auto;margin-right:auto}.page-jl-7__faq-item{margin-bottom:15px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.page-jl-7__faq-question{display:flex;justify-content:space-between;align-items:center;background-color:#f5f5f5;padding:18px 25px;cursor:pointer;font-size:1.2em;font-weight:600;color:#2c3e50;user-select:none;transition:background-color .3s ease}.page-jl-7__faq-question h3{margin:0;pointer-events:none;font-size:1em;font-weight:600;color:#2c3e50}.page-jl-7__faq-question:hover{background-color:#eaeaea}.page-jl-7__faq-toggle{font-size:1.5em;font-weight:bold;color:#3498db;pointer-events:none;transition:transform .3s ease}.page-jl-7__faq-item.active .page-jl-7__faq-toggle{transform:rotate(45deg)}.page-jl-7__faq-answer{max-height:0;overflow:hidden;padding:0 25px;background-color:#fff;color:#666;line-height:1.6;font-size:1em;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s ease,opacity .4s ease;opacity:0}.page-jl-7__faq-item.active .page-jl-7__faq-answer{max-height:2000px !important;padding:20px 25px !important;opacity:1}.page-jl-7__faq-answer p{margin-bottom:15px}.page-jl-7__faq-answer p:last-child{margin-bottom:0}@media (max-width:1024px){.page-jl-7__h1{font-size:2.8em}.page-jl-7__promo-text{font-size:1.3em}.page-jl-7__game-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.page-jl-7__promo-item{flex:1 1 calc(50% - 25px)}}@media (max-width:768px){.page-jl-7__container{padding:15px}.page-jl-7__h1{font-size:2.2em}.page-jl-7__promo-text{font-size:1.1em}.page-jl-7__cta-buttons{flex-direction:column;gap:15px}.page-jl-7__cta-button{width:100%;max-width:300px;margin:0 auto}.page-jl-7__section-title{font-size:2em}.page-jl-7__game-grid{grid-template-columns:1fr;gap:20px}.page-jl-7__game-card-content{padding:20px}.page-jl-7__game-card-title{font-size:1.5em}.page-jl-7__promo-list{flex-direction:column;gap:20px}.page-jl-7__promo-item{flex:1 1 100%;max-width:100%}.page-jl-7__promo-title{font-size:1.5em}.page-jl-7__app-content,.page-jl-7__about-content{flex-direction:column;gap:30px}.page-jl-7__app-text,.page-jl-7__about-text{max-width:100%;text-align:center}.page-jl-7__app-title,.page-jl-7__about-title{font-size:2.2em}.page-jl-7__download-buttons{flex-direction:column;gap:15px}.page-jl-7__download-button{width:100%;max-width:300px;margin:0 auto}.page-jl-7__faq-question{padding:15px 20px;font-size:1.1em}.page-jl-7__faq-answer{padding:0 20px}.page-jl-7__faq-item.active .page-jl-7__faq-answer{padding:15px 20px !important}.page-jl-7__floating-buttons{bottom:15px;right:15px;gap:8px}.page-jl-7__floating-button{padding:10px 15px;font-size:14px}}@media (max-width:480px){.page-jl-7__h1{font-size:1.8em}.page-jl-7__promo-text{font-size:1em}.page-jl-7__section-title{font-size:1.8em}.page-jl-7__app-title,.page-jl-7__about-title{font-size:1.8em}.page-jl-7__cta-button{padding:12px 25px;font-size:1em}.page-jl-7__download-button{padding:12px 25px;font-size:1em}}