.page-login{background:#F5F7FA;color:#333333;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}
.page-login__hero-section{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:10px auto 0;padding:0 16px;box-sizing:border-box;overflow:hidden}
.page-login__hero-image{width:100%;margin:0}
.page-login__hero-image img{display:block;width:100%;height:auto;max-width:100%;border-radius:12px;box-shadow:0 8px 24px rgba(229,57,53,0.15)}
.page-login__hero-content{margin-top:16px;text-align:center}
.page-login__hero-title{font-weight:800;line-height:1.25;letter-spacing:0.2px;color:#E53935;margin:0 0 10px;max-width:900px;margin-left:auto;margin-right:auto}
.page-login__hero-desc{color:#333333;line-height:1.65;margin:0 auto 16px;max-width:820px}
.page-login__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}
.page-login__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer;line-height:1.35;text-align:center;box-sizing:border-box;transition:transform 0.15s ease,box-shadow 0.15s ease}
.page-login__btn--primary{background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#FFFFFF;border-color:#E53935;box-shadow:0 6px 16px rgba(229,57,53,0.28)}
.page-login__btn--outline{background:#FFFFFF;color:#E53935;border-color:#E53935}
.page-login__btn--ghost{background:#FFFFFF;color:#333333;border-color:#E0E0E0}
.page-login__btn--full{width:100%;margin-top:8px}
.page-login__btn:hover{transform:translateY(-1px)}
.page-login__intro-section,.page-login__login-section,.page-login__guide-section,.page-login__faq-section,.page-login__promo-section,.page-login__related-section,.page-login__support-section{max-width:1100px;margin:0 auto;padding:26px 16px;box-sizing:border-box}
.page-login__section-title{font-weight:800;line-height:1.3;color:#E53935;margin:0 0 14px}
.page-login__intro-section p{line-height:1.7;margin:0 0 12px;color:#333333}
.page-login__intro-section a{color:#E53935;font-weight:600;text-decoration:underline}
.page-login__login-section{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}
.page-login__login-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:14px;padding:22px;box-shadow:0 6px 18px rgba(0,0,0,0.05)}
.page-login__card-title{font-weight:800;line-height:1.3;color:#E53935;margin:0 0 8px}
.page-login__card-desc{color:#333333;line-height:1.6;margin:0 0 14px}
.page-login__form{display:flex;flex-direction:column;gap:6px}
.page-login__label{font-weight:600;color:#333333;margin-top:6px}
.page-login__input{width:100%;padding:12px 14px;border:1px solid #E0E0E0;border-radius:10px;background:#F5F7FA;color:#333333;font-size:16px;box-sizing:border-box}
.page-login__input:focus{outline:2px solid #FF5A4F;outline-offset:1px;background:#FFFFFF}
.page-login__form-links{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}
.page-login__form-links a{color:#E53935;font-weight:600;text-decoration:underline}
.page-login__login-side{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:14px;padding:22px;box-shadow:0 6px 18px rgba(0,0,0,0.05)}
.page-login__side-title{font-weight:800;line-height:1.3;color:#E53935;margin:0 0 10px}
.page-login__side-list{padding-left:18px;margin:0;display:flex;flex-direction:column;gap:8px;color:#333333;line-height:1.6}
.page-login__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.page-login__step-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:14px;overflow:hidden;padding-bottom:16px;box-shadow:0 6px 18px rgba(0,0,0,0.05)}
.page-login__step-card img{display:block;width:100%;height:auto;max-width:100%}
.page-login__step-card h3{font-weight:700;line-height:1.35;color:#E53935;margin:12px 14px 8px}
.page-login__step-card p{color:#333333;line-height:1.6;margin:0 14px}
.page-login__faq-list{display:flex;flex-direction:column;gap:10px}
.page-login__faq-item{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:14px 16px}
.page-login__faq-item summary{font-weight:700;color:#E53935;cursor:pointer;line-height:1.5}
.page-login__faq-item p{color:#333333;line-height:1.65;margin:10px 0 0}
.page-login__promo-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:14px;padding:22px;box-shadow:0 6px 18px rgba(0,0,0,0.05)}
.page-login__promo-card p{color:#333333;line-height:1.7;margin:0 0 14px}
.page-login__promo-actions{display:flex;flex-wrap:wrap;gap:12px;width:100%}
.page-login__related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.page-login__related-card{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E0E0E0;border-radius:14px;overflow:hidden;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,0.05)}
.page-login__related-card img{display:block;width:100%;height:auto;max-width:100%}
.page-login__related-card span{padding:12px 14px;font-weight:700;color:#E53935;line-height:1.4}
.page-login__support-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:14px;padding:22px;box-shadow:0 6px 18px rgba(0,0,0,0.05)}
.page-login__support-card p{color:#333333;line-height:1.7;margin:0 0 14px}
.page-login__support-card a{color:#E53935;font-weight:600;text-decoration:underline}
.page-login__support-actions{display:flex;flex-wrap:wrap;gap:12px;width:100%}
@media (max-width:768px){.page-login{max-width:100%;overflow-x:hidden}
.page-login__hero-section{padding:0 12px;margin-top:10px}
.page-login__hero-image img,.page-login__step-card img,.page-login__related-card img,.page-login img{max-width:100%!important;height:auto!important}
.page-login__login-section{grid-template-columns:1fr}
.page-login__steps{grid-template-columns:1fr}
.page-login__related-grid{grid-template-columns:repeat(2,1fr)}
.page-login__hero-actions,.page-login__promo-actions,.page-login__support-actions{flex-direction:column;align-items:stretch}
.page-login__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;width:100%}
.page-login__intro-section,.page-login__login-section,.page-login__guide-section,.page-login__faq-section,.page-login__promo-section,.page-login__related-section,.page-login__support-section{padding:20px 12px}
}
@media (max-width:480px){.page-login__related-grid{grid-template-columns:1fr}
}