.page-login{color:#333333;background-color:#FFFFFF}.page-login__hero-section{max-width:1200px;margin:0 auto;padding:10px 16px 0;display:flex;flex-direction:column;align-items:center}.page-login__hero-image-wrap{width:100%;max-width:1020px;margin-bottom:20px}.page-login__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px}.page-login__hero-content{text-align:center;width:100%;max-width:900px}.page-login__main-title{font-weight:700;line-height:1.3;letter-spacing:0.5px;color:#017439}.page-login__intro{margin:8px auto 0;color:#333333;line-height:1.7}.page-login__cta-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.page-login__btn{display:inline-block;padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none;text-align:center;transition:all 0.3s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-login__btn--login{background-color:#C30808;color:#FFFF00;border:1px solid #C30808}.page-login__btn--register{background-color:#017439;color:#FFFFFF;border:1px solid #017439}.page-login__btn--support{background-color:#C30808;color:#FFFF00;border:1px solid #C30808}.page-login__btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:0.9}.page-login__steps-section{max-width:1200px;margin:40px auto 0;padding:20px 16px 0;text-align:center}.page-login__section-title{color:#017439;font-weight:700;line-height:1.4;text-align:center;margin-bottom:12px}.page-login__step-intro,.page-login__trouble-intro,.page-login__community-intro{line-height:1.7;margin-bottom:24px}.page-login__steps-grid,.page-login__trouble-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.page-login__step-card,.page-login__trouble-card{background:#f9fdfb;border:1px solid #e0ece6;border-radius:12px;padding:20px}.page-login__step-image{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px}.page-login__step-title,.page-login__trouble-title{color:#017439;font-size:1.2rem;margin:16px 0 8px}.page-login__step-text,.page-login__trouble-text{color:#333333;line-height:1.6;text-align:left}.page-login__register-cta,.page-login__support-banner{margin-top:32px;text-align:center}.page-login__register-note{margin-bottom:16px;color:#333333}.page-login__trouble-section,.page-login__why-section,.page-login__community-section,.page-login__faq-section{margin-top:40px;padding:20px 16px 0}.page-login__why-content{max-width:900px;margin:0 auto;line-height:1.8}.page-login__why-content p{margin-bottom:16px;color:#333333}.page-login__faq-list{max-width:800px;margin:0 auto;text-align:left}.page-login__faq-item{border:1px solid #e0ece6;border-radius:8px;margin-bottom:12px;padding:0 16px;background:#f9fdfb}.page-login__faq-item summary{cursor:pointer;font-weight:600;color:#017439;padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.page-login__faq-answer{padding:0 0 14px;color:#333333;line-height:1.6;margin:0}.page-login__faq-icon{color:#017439;font-weight:700}.page-login__security-note{max-width:1000px;margin:40px auto 0;padding:20px 16px 48px;line-height:1.7}.page-login__security-note .page-login__security-text{color:#555555;font-size:0.9rem}.page-login__security-note .page-login__security-text,.page-login__btn,.page-login__section-title,.page-login__main-title,.page-login__step-title,.page-login__trouble-title{font-family:inherit}.page-login__section-title:not(:first-child),.page-login__hero-section+.page-login__steps-section{margin-top:40px}@media (max-width:1024px){.page-login__steps-grid,.page-login__trouble-grid{grid-template-columns:repeat(2,1fr)}.page-login__faq-item summary{font-size:1rem}}@media (max-width:768px){.page-login__hero-image{aspect-ratio:2/1}.page-login__main-title{font-size:clamp(1.1rem, 2vw + 0.8rem, 1.5rem)}.page-login__section-title{font-size:clamp(1rem, 1.5vw + 0.7rem, 1.3rem)}.page-login__steps-grid,.page-login__trouble-grid{grid-template-columns:1fr}.page-login__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-login__cta-group{align-items:stretch}.page-login .page-login__hero-section img,.page-login .page-login__step-card img,.page-login .page-login__trouble-card img{max-width:100%!important;height:auto!important}.page-login{max-width:100%;overflow-x:hidden}}