.page-login{background:#FFFFFF;color:#333333}.page-login__hero-section{display:flex;flex-direction:column;padding-top:10px}.page-login__hero-image-container{order:1;width:100%}.page-login__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px}.page-login__hero-content{order:2;padding:24px 16px 32px;max-width:1200px;margin:0 auto;text-align:center}.page-login__hero-content h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:900;line-height:1.2;letter-spacing:0.5px;color:#017439;max-width:960px;margin:0 auto 16px;text-shadow:0 1px 2px rgba(255,255,255,0.5)}.page-login__hero-content p{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;max-width:800px;margin:0 auto 24px;color:#333333}.page-login__hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.page-login__btn{display:inline-block;text-decoration:none;border-radius:8px;font-weight:700;line-height:1.4;padding:14px 32px;font-size:16px;transition:all 0.3s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}.page-login__btn--primary{background:#C30808;color:#FFFF00;border:2px solid #C30808}.page-login__btn--primary:hover{background:#a00606;color:#FFFF00}.page-login__btn--outline{background:transparent;color:#017439;border:2px solid #017439}.page-login__btn--outline:hover{background:#017439;color:#FFFFFF}.page-login__btn--secondary{background:#C30808;color:#FFFF00;border:2px solid #C30808;padding:10px 20px;font-size:14px}.page-login__btn--secondary:hover{background:#a00606;color:#FFFF00}.page-login__quick-guide{background:#f7f9f8;padding:20px 16px}.page-login__quick-guide-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.page-login__quick-guide-image{width:100%;max-width:400px;height:auto;border-radius:12px}.page-login__quick-guide-copy{flex:1;min-width:280px}.page-login__quick-guide-copy h2{color:#017439;font-weight:800;line-height:1.3;margin:0 0 12px}.page-login__quick-guide-copy p{line-height:1.6}.page-login__feature-grid{display:grid;grid-template-columns:1fr;gap:30px;padding:40px 16px;max-width:1200px;margin:0 auto}.page-login__feature-item{display:flex;flex-direction:column;gap:16px;background:#FFFFFF;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.page-login__feature-image{width:100%;height:auto;display:block}.page-login__feature-copy{padding:16px 20px 20px}.page-login__feature-copy h2,.page-login__steps-copy h3,.page-login__game-card h3,.page-login__more-games-title h2,.page-login__steps-title h2{color:#017439;font-weight:800;line-height:1.3;margin:0 0 10px}.page-login__feature-copy p,.page-login__steps-copy p,.page-login__game-card p{line-height:1.6}.page-login__text-link{color:#C30808;text-decoration:underline;font-weight:600}.page-login__steps-title,.page-login__more-games-title{text-align:center;padding:40px 16px 0}.page-login__steps-title h2,.page-login__more-games-title h2{max-width:900px;margin-left:auto;margin-right:auto}.page-login__steps-highlight{max-width:1200px;margin:0 auto;padding:20px 16px 40px}.page-login__steps-block{display:flex;align-items:center;gap:24px;margin-bottom:32px;flex-wrap:wrap}.page-login__steps-image-wrapper{flex:0 0 35%;max-width:35%}.page-login__steps-image{width:100%;height:auto;border-radius:12px}.page-login__steps-copy{flex:1;min-width:250px}.page-login__steps-block--flip .page-login__steps-image-wrapper{order:2}.page-login__steps-block--flip .page-login__steps-copy{order:1}.page-login__faq-section{max-width:1000px;margin:0 auto;padding:20px 16px 40px}.page-login__faq-container{background:#f8fafc;border-radius:16px;padding:24px}.page-login__faq-item{border-bottom:1px solid #e2e8f0;padding:16px 0}.page-login__faq-item:last-child{border-bottom:none}.page-login__faq-item summary{cursor:pointer;font-size:1.05rem;font-weight:700;color:#017439;display:flex;justify-content:space-between;align-items:center;list-style:none}.page-login__faq-item summary::-webkit-details-marker{display:none}.page-login__faq-toggle{font-size:1.5rem;font-weight:400;color:#C30808}.page-login__faq-item p{color:#333333;line-height:1.7;margin-top:12px}.page-login__more-games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:20px auto 40px;padding:0 16px}.page-login__game-card{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:16px;padding:16px;text-align:center;transition:transform 0.3s ease;display:flex;flex-direction:column}.page-login__game-card:hover{transform:translateY(-4px)}.page-login__game-card-image{width:100%;height:auto;border-radius:12px;margin-bottom:16px}.page-login__game-card p{flex-grow:1;margin-bottom:16px}.page-login__game-card .page-login__btn{align-self:stretch}.page-login img{max-width:100%;height:auto}.page-login__feature-grid,.page-login__more-games-grid{width:100%;max-width:100%;box-sizing:border-box}.page-login__steps-block,.page-login__quick-guide-inner,.page-login__hero-content{width:100%;max-width:100%;box-sizing:border-box}.page-login__hero-image-container{width:100%;max-width:100%;overflow:hidden}@media (min-width:1024px){.page-login__feature-grid{grid-template-columns:1fr 1fr}.page-login__feature-item{flex-direction:row}.page-login__feature-item .page-login__feature-image{width:50%;min-height:300px}.page-login__feature-item .page-login__feature-copy{width:50%}}@media (max-width:768px){.page-login__hero-image{aspect-ratio:16/9}.page-login__hero-content{padding-top:16px}.page-login__hero-actions{flex-direction:row;align-items:center}.page-login__btn{width:auto;min-width:140px}.page-login__quick-guide-image{max-width:320px}.page-login__steps-block{flex-direction:column}.page-login__steps-image-wrapper,.page-login__steps-block--flip .page-login__steps-image-wrapper{flex:0 0 100%;max-width:100%;order:1}.page-login__steps-block--flip .page-login__steps-copy{order:2}.page-login__steps-copy{order:2;text-align:center}.page-login__more-games-grid{grid-template-columns:1fr;justify-items:center}.page-login__game-card{max-width:500px;width:100%}.page-login img{max-width:100%;height:auto}}