.page-login{color:#333333;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.page-login__banner{display:flex;flex-direction:column;align-items:center;padding-top:10px;margin-bottom:24px}.page-login__banner-image-wrap{width:100%;max-width:1200px}.page-login__banner-image{width:100%;max-width:100%;height:auto;object-fit:cover;display:block;border-radius:12px}.page-login__banner-content{width:100%;max-width:1200px;text-align:center;padding:12px 0 0}.page-login__banner-title{color:#017439;font-weight:800;line-height:1.15;letter-spacing:-0.02em;max-width:900px;margin:0 auto 8px;padding:0 12px}.page-login__banner-desc{color:#333333;max-width:920px;margin:0 auto 12px;padding:0 12px;font-size:1.05rem}.page-login__banner-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;box-sizing:border-box}.page-login__btn{display:inline-block;padding:12px 28px;font-size:1rem;font-weight:700;text-decoration:none;border-radius:6px;transition:all .2s ease;margin:4px;box-sizing:border-box;border:2px solid transparent;text-align:center}.page-login__btn--login{background-color:#C30808;color:#FFFF00;border-color:#C30808}.page-login__btn--login:hover{background-color:#A00606;transform:translateY(-2px);box-shadow:0 6px 12px rgba(195,8,8,0.25)}.page-login__btn--register{background-color:#C30808;color:#FFFF00;border-color:#C30808}.page-login__btn--register:hover{background-color:#A00606;transform:translateY(-2px);box-shadow:0 6px 12px rgba(195,8,8,0.25)}.page-login__btn--download{background-color:#017439;color:#FFFFFF;border-color:#017439}.page-login__btn--download:hover{background-color:#015d2e;transform:translateY(-2px);box-shadow:0 6px 12px rgba(1,116,57,0.25)}.page-login__btn--reward{background-color:#C30808;color:#FFFF00;border-color:#FFD700;animation:pulse 2s infinite}.page-login__btn--reward:hover{background-color:#A00606;animation:none}.page-login__container{max-width:1200px;margin:0 auto;padding:32px 16px;box-sizing:border-box}.page-login__section-title{color:#017439;font-weight:700;line-height:1.2;margin:24px 0 12px;text-align:center}.page-login__section-desc{color:#333333;font-size:1rem;max-width:1000px;margin:0 auto 20px;text-align:center}.page-login__features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:20px}.page-login__feature-item{background:#ffffff;border:1px solid #e6e9ed;border-radius:12px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,0.04);transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.page-login__feature-item:hover{transform:translateY(-6px);box-shadow:0 10px 20px rgba(0,0,0,0.08)}.page-login__features-image{align-self:flex-start}.page-login__feature-image{width:100%;max-width:100%;height:auto;object-fit:cover;border-radius:8px;margin-bottom:16px}.page-login__feature-title{color:#017439;font-weight:700;font-size:1.15rem;margin:0 0 8px}.page-login__feature-text{color:#333333;font-size:.95rem;margin:0}.page-login__guide{background:#f4f7f5}.page-login__guide-steps{display:flex;flex-direction:column;gap:12px;align-items:center}.page-login__guide-step{display:flex;gap:16px;align-items:flex-start;background:#ffffff;border-radius:10px;padding:16px;max-width:820px;width:100%;box-sizing:border-box;border-left:5px solid #017439;box-shadow:0 2px 4px rgba(0,0,0,0.04)}.page-login__step-number{background:#017439;color:#ffffff;font-weight:700;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.page-login__step-content{flex:1}.page-login__step-title{font-weight:700;color:#017439;margin:0 0 4px}.page-login__step-text{color:#444444;margin:0;font-size:.95rem}.page-login__benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.page-login__benefits-main{display:flex;flex-direction:column;justify-content:center}.page-login__benefits-title{color:#017439;font-weight:700;line-height:1.2;margin:0 0 12px}.page-login__benefits-desc{color:#333333;margin-bottom:16px}.page-login__benefits-list{list-style:none;padding:0;margin:0}.page-login__benefit-item{color:#333333;margin-bottom:12px;padding-left:24px;position:relative}.page-login__benefit-item::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#017439;border-radius:50%}.page-login__benefits-image{width:100%;max-width:100%;height:auto;object-fit:cover;border-radius:12px;display:block}.page-login__troubleshoot{background:#f4f7f5}.page-login__troubleshoot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.page-login__trouble-card{background:#ffffff;border-radius:10px;padding:20px;box-shadow:0 2px 6px rgba(0,0,0,0.05);border-top:4px solid #C30808}.page-login__trouble-title{color:#017439;font-weight:700;margin:0 0 8px}.page-login__trouble-text{color:#444444;font-size:.95rem;margin:0}.page-login__reward-section{background:#017439}.page-login__reward-section .page-login__container{padding:48px 16px}.page-login__reward-title{color:#FFFF00;font-weight:700;line-height:1.2;margin:0 0 12px;text-align:center}.page-login__reward-desc{color:#ffffff;text-align:center;max-width:800px;margin:0 auto 20px}.page-login__reward-actions{display:flex;justify-content:center;width:100%}.page-login__faq-list{max-width:900px;margin:0 auto}.page-login__faq-item{background:#ffffff;border:1px solid #e0e4e8;border-radius:8px;margin-bottom:10px;overflow:hidden}.page-login__faq-question{cursor:pointer;padding:16px 20px;font-weight:700;color:#017439;display:flex;justify-content:space-between;list-style:none;align-items:center}.page-login__faq-question::-webkit-details-marker{display:none}.page-login__faq-question::after{content:'+';font-size:1.4rem;color:#017439;width:24px;text-align:center}.page-login__faq-item[open] .page-login__faq-question::after{content:'−'}.page-login__faq-answer{padding:0 20px 16px;color:#333333;font-size:.95rem}.page-login__final-cta{background:linear-gradient(135deg,#017439 0%,#015d2e 100%)}.page-login__final-cta .page-login__container{padding:56px 16px;display:flex;flex-direction:column;align-items:center}.page-login__final-title{color:#FFFF00;font-weight:800;line-height:1.2;margin:0 0 12px;text-align:center}.page-login__final-desc{color:#ffffff;text-align:center;max-width:800px;margin:0 0 24px}.page-login__final-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;box-sizing:border-box}.page-login__banner h1{font-size:clamp(1.6rem, 2.2vw, 2rem)}@media(max-width:1024px){.page-login__banner{max-width:1024px}.page-login__container{max-width:100%;padding-left:16px;padding-right:16px}.page-login__features-grid{grid-template-columns:repeat(2,1fr)}.page-login__benefits-grid{grid-template-columns:1fr 1fr;gap:24px}.page-login__troubleshoot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-login{padding-top:0}.page-login__banner{padding-top:8px}.page-login__banner-image-wrap{max-width:100%}.page-login__banner-image{width:100%;max-width:100%!important;height:auto!important}.page-login__banner-content{padding-left:12px;padding-right:12px}.page-login__banner-title{font-size:1.25rem;padding-left:8px;padding-right:8px}.page-login__banner-desc{font-size:.9rem;padding-left:8px;padding-right:8px}.page-login__banner-actions{flex-direction:column;align-items:stretch;width:100%;max-width:100%;padding:0 12px;box-sizing:border-box}.page-login__btn{width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;max-width:100%;margin:4px 0}.page-login__section-title{font-size:1.2rem}.page-login__container{padding:24px 12px}.page-login__features-grid{grid-template-columns:1fr}.page-login__feature-item{padding:14px}.page-login__feature-image{max-width:100%!important;height:auto!important}.page-login__guide-step{flex-direction:column;align-items:flex-start}.page-login__benefits-grid{grid-template-columns:1fr;gap:20px}.page-login__benefits-image{max-width:100%!important;height:auto!important}.page-login__troubleshoot-grid{grid-template-columns:1fr}.page-login__trouble-card{padding:14px}.page-login__reward-desc{font-size:.9rem}.page-login__final-actions{flex-direction:column;align-items:stretch;width:100%}.page-login img{max-width:100%!important;height:auto!important}}