.page-login{max-width:100%;overflow-x:hidden;background:#F5F7FA;color:#333333}
.page-login__hero-section{background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);padding:10px 16px 26px}
.page-login__hero-image{width:100%;max-width:1100px;margin:0 auto}
.page-login__hero-image img{display:block;width:100%;height:auto;border-radius:12px;aspect-ratio:17/5;object-fit:cover}
.page-login__hero-content{max-width:1100px;margin:0 auto;text-align:center;padding-top:22px}
.page-login__main-title{color:#ffffff;font-size:clamp(1.3rem, 2.2vw, 2.2rem);font-weight:800;line-height:1.35;letter-spacing:.2px;max-width:900px;margin:0 auto 12px}
.page-login__hero-description{color:#fff7f5;font-size:1rem;line-height:1.6;max-width:720px;margin:0 auto}
.page-login__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px;width:100%;max-width:100%;box-sizing:border-box}
.page-login__btn-primary{background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);color:#ffffff;padding:13px 34px;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 4px 14px rgba(229,57,53,.25);transition:opacity .2s;display:inline-block;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-login__btn-primary:hover{opacity:.85}
.page-login__btn-secondary, .page-login__btn-outline, .page-login__btn-light{background:#ffffff;color:#E53935;padding:12px 30px;border-radius:999px;text-decoration:none;font-weight:700;border:2px solid #fff;display:inline-block;transition:background .2s, border .2s;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-login__btn-secondary:hover{border-color:rgba(255,255,255,.6)}
.page-login__btn-light{background:#ffffff;color:#E53935;border:none;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.page-login__btn-light:hover{background:#fff3f0}
.page-login__feature-section{max-width:1100px;margin:0 auto;padding:34px 16px 12px}
.page-login__section-title{color:#E53935;text-align:center;font-size:1.6rem;font-weight:800;line-height:1.4;letter-spacing:-.2px;margin:0 0 24px}
.page-login__feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;max-width:100%}
.page-login__feature-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:18px 16px;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.page-login__feature-title{color:#E53935;font-size:1.18rem;font-weight:800;margin-bottom:10px;line-height:1.3}
.page-login__feature-card p{color:#333333;font-size:.95rem;line-height:1.65}
.page-login__guide-section{max-width:1000px;margin:0 auto;padding:24px 16px 36px}
.page-login__guide-section > p{text-align:center;max-width:760px;margin:0 auto 20px;line-height:1.7;font-size:1rem}
.page-login__guide-figure{text-align:center;margin-bottom:22px}
.page-login__guide-figure img{max-width:800px;width:100%;height:auto;border-radius:12px;aspect-ratio:2/1;object-fit:cover}
.page-login__steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}
.page-login__step-item{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:18px 16px;text-align:left}
.page-login__step-number{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);color:#fff;font-weight:800;font-size:1rem;margin-bottom:12px}
.page-login__step-title{color:#E53935;font-weight:800;font-size:1rem;margin-bottom:8px;line-height:1.4}
.page-login__step-item p{color:#555;font-size:.9rem;line-height:1.6}
.page-login__promo-section{max-width:1100px;margin:0 auto;padding:22px 16px}
.page-login__promo-banner{background:linear-gradient(90deg, #E53935, #FF5A4F);border-radius:16px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:100%;overflow:hidden}
.page-login__promo-copy{flex:1 1 auto;color:#fff}
.page-login__promo-title{font-size:1.5rem;margin-bottom:8px;color:#ffffff;font-weight:800;line-height:1.3}
.page-login__promo-copy p{color:#fff;opacity:.95;font-size:.95rem;line-height:1.6}
.page-login__promo-banner img{flex:0 0 360px;width:360px;height:auto;border-radius:10px;object-fit:cover}
.page-login__faq-section{max-width:860px;margin:0 auto;padding:26px 16px 44px}
.page-login__faq-list{display:flex;flex-direction:column;gap:12px}
.page-login__faq-item{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:4px 16px}
.page-login__faq-item[open]{background:#fffaf8}
.page-login__faq-question{font-weight:700;padding:14px 0;color:#333333;cursor:pointer;position:relative;padding-right:30px}
.page-login__faq-question::marker{content:''}
.page-login__faq-question::after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#E53935;font-size:1.4rem;font-weight:700;transition:transform .15s}
.page-login__faq-item[open] > .page-login__faq-question::after{content:'−'}
.page-login__faq-answer{padding-bottom:16px;color:#333;line-height:1.7;font-size:.95rem;margin:0}
.page-login__cta-section{max-width:1200px;margin:0 auto;padding:0 16px 54px;text-align:center}
.page-login__cta-title{color:#E53935;font-size:1.8rem;font-weight:800;line-height:1.3;max-width:600px;margin:0 auto 12px}
.page-login__cta-section p{color:#333333;max-width:500px;margin:0 auto;line-height:1.6;font-size:1rem}
.page-login__cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px;width:100%;max-width:100%;box-sizing:border-box}
.page-login__btn-large{font-size:1.05rem;padding:15px 40px;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-login__btn-outline{background:transparent;color:#E53935;border:2px solid #E53935}
.page-login__btn-outline:hover{background:#e53935;color:#fff}
@media (max-width: 1024px){
 .page-login__hero-section{padding-left:14px;padding-right:14px}
 .page-login__hero-actions, .page-login__cta-actions{gap:12px}
}
@media (max-width: 768px){
 .page-login__hero-section{padding-top:10px;padding-bottom:20px}
 .page-login__hero-image img{aspect-ratio:2/1}
 .page-login__feature-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
 .page-login__steps-grid{grid-template-columns:1fr}
 .page-login__step-item{text-align:center}
 .page-login__promo-banner{flex-direction:column;align-items:flex-start;gap:18px}
 .page-login__promo-banner img{width:100%;max-width:100%;height:auto}
 .page-login__btn-primary, .page-login__btn-secondary, .page-login__btn-outline, .page-login__btn-light, .page-login__btn-large{max-width:100%;box-sizing:border-box;text-align:center}
 .page-login__hero-actions, .page-login__cta-actions{flex-direction:column;align-items:center}
 .page-login__hero-actions a, .page-login__cta-actions a{width:100%;max-width:320px;box-sizing:border-box}
 .page-login img{max-width:100% !important;height:auto !important}
 .page-login__section-title{font-size:1.3rem}
}