.page-login__hero-banner{width:100%;max-width:1200px;margin:0 auto;padding:10px 16px 24px;display:flex;flex-direction:column;align-items:center}.page-login__hero-media{width:100%}.page-login__hero-image{width:100%;height:auto;border-radius:16px;display:block}.page-login__hero-caption{width:100%;max-width:900px;text-align:center;padding-top:16px}.page-login__hero-heading{font-size:clamp(1.5rem, 3vw, 2.2rem);font-weight:800;line-height:1.3;color:#E53935;margin-bottom:12px}.page-login__hero-description{font-size:1.0625rem;line-height:1.6;color:#4682B4;margin-bottom:20px}.page-login__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.page-login__btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border-radius:50px;padding:14px 32px;min-height:48px;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;transition:transform .2s ease, box-shadow .2s ease}.page-login__btn--primary{background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);color:#fff;border:2px solid #E53935;box-shadow:0 4px 12px rgba(229,57,53,.3)}.page-login__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(229,57,53,.4)}.page-login__btn--outline{background:#fff;color:#333;border:2px solid #D32F2F}.page-login__btn--outline:hover{background:#FCE4EC}.page-login__features{background:#F5F7FA;width:100%}.page-login__features-inner{max-width:1200px;margin:0 auto;padding:48px 16px}.page-login__features-title{text-align:center;font-size:clamp(1.75rem, 4vw, 2.4rem);font-weight:800;color:#333;margin-bottom:36px;line-height:1.2}.page-login__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-login__feature-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;overflow:hidden;text-align:center;transition:transform .2s ease, box-shadow .2s ease;max-width:100%}.page-login__feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.page-login__feature-icon{width:100%;height:auto;display:block}.page-login__feature-name{font-size:1.35rem;font-weight:700;margin:16px 16px 8px;color:#333}.page-login__feature-info{padding:0 16px 20px;color:#666;line-height:1.6;font-size:1rem;text-align:justify}.page-login__guide-section{background:#fff}.page-login__guide-inner{max-width:1200px;margin:0 auto;padding:48px 16px}.page-login__guide-title{text-align:center;font-size:clamp(1.75rem, 4vw, 2.4rem);font-weight:800;color:#333;margin-bottom:12px}.page-login__guide-subtitle{text-align:center;color:#666;font-size:1.15rem;margin-bottom:36px;max-width:600px;margin-left:auto;margin-right:auto}.page-login__guide-steps{display:flex;flex-direction:column;gap:28px}.page-login__step-item{display:flex;flex-direction:column;align-items:center;gap:16px;background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:16px}.page-login__step-image{width:100%;max-width:800px;height:auto;border-radius:8px;display:block}.page-login__step-content{width:100%;max-width:800px}.page-login__step-title{font-size:1.5rem;font-weight:700;color:#E53935;margin:12px 0 8px}.page-login__step-description{font-size:1.0625rem;color:#555;line-height:1.7}.page-login__faq{background:#F5F7FA;width:100%}.page-login__faq-heading{text-align:center}.page-login__faq-title{font-size:clamp(1.75rem, 4vw, 2.4rem);font-weight:800;color:#333;padding-top:48px}.page-login__faq-list{max-width:800px;margin:0 auto;padding:32px 16px 64px}.page-login__faq-item{background:#fff;border:1px solid #E0E0E0;border-radius:12px;margin-bottom:16px;overflow:hidden}.page-login__faq-question{list-style:none;padding:18px 48px 18px 20px;font-weight:700;font-size:1.125rem;cursor:pointer;color:#222;position:relative;transition:background .2s ease}.page-login__faq-question::-webkit-details-marker,.page-login__faq-question::marker{display:none}.page-login__faq-question::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.6rem;font-weight:700;color:#E53935;transition:transform .2s ease}.details[open].page-login__faq-item .page-login__faq-question::after,details[open] .page-login__faq-question::after{content:'−';transform:translateY(-50%) rotate(180deg)}.page-login__faq-question:hover{background:#FFF3F2}.page-login__faq-answer{padding:0 20px 18px;color:#555;line-height:1.7;border-top:1px solid #F0F0F0}@media (max-width:768px){.page-login__hero-banner{padding:10px 12px 16px}.page-login__hero-image{aspect-ratio:2/1}.page-login__hero-actions{flex-direction:column;gap:10px}.page-login .page-login__btn{max-width:100%;width:100%;min-height:44px;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-login__features-inner{padding:32px 12px}.page-login__features-grid{grid-template-columns:1fr;gap:16px}.page-login__guide-inner{padding:32px 12px}.page-login__feature-card,.page-login__step-item{max-width:100%;width:100%}.page-login img{max-width:100%!important;height:auto!important}.page-login__step-title{font-size:1.25rem;margin-top:8px}.page-login img{max-width:100%;height:auto}.page-login__faq-list{padding:20px 12px 40px}.page-login__faq-title{font-size:1.75rem}.page-login__btn,.page-login__btn--primary,.page-login__btn--outline{max-width:100%;box-sizing:border-box}}