.page-login{background-color:#08162B; color:#F3F8FF; font-family:Arial,sans-serif; max-width:100%; overflow-x:hidden;}
.page-login__hero-section{display:flex; flex-direction:column; align-items:center; padding-top:10px; padding-bottom:32px; box-sizing:border-box; width:100%;}
.page-login__hero-image{width:100%; max-width:1200px; box-sizing:border-box;}
.page-login__hero-img{display:block; width:100%; height:auto; aspect-ratio:1200/350; object-fit:cover; border-radius:12px;}
.page-login__hero-content{text-align:center; padding:16px; max-width:1000px; width:100%; box-sizing:border-box;}
.page-login__main-title{color:#F3F8FF; font-weight:700; line-height:1.3; letter-spacing:0.5px; max-width:900px; margin:8px auto; font-size:clamp(1.4rem, 3vw, 1.9rem);}
.page-login__intro-text{color:#AFC4E8; font-size:1rem; max-width:850px; margin:0 auto 24px; line-height:1.6;}
.page-login__cta-group{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; width:100%; max-width:100%; box-sizing:border-box; overflow:hidden;}
.page-login__cta-btn{display:inline-block; background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%); color:#FFFFFF; border:1px solid #4FA8FF; border-radius:999px; padding:12px 24px; font-size:1rem; font-weight:700; text-decoration:none; max-width:100%; box-sizing:border-box; white-space:normal; word-wrap:break-word; text-align:center; transition:box-shadow 0.3s ease;}
.page-login__cta-btn:hover{box-shadow:0 0 15px rgba(79,168,255,0.6);}
.page-login__cta-btn--secondary{background:transparent; border-color:#244D84; color:#F3F8FF;}
.page-login__steps-section{padding:32px 16px; border-top:1px solid #1B3357; max-width:1200px; margin:0 auto; box-sizing:border-box; width:100%;}
.page-login__section-title{color:#F3F8FF; text-align:center; font-size:1.6rem; margin-bottom:8px;}
.page-login__section-subtitle{color:#AFC4E8; text-align:center; margin-bottom:24px; line-height:1.6;}
.page-login__steps-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; max-width:1100px; margin:0 auto;}
.page-login__step-card{background-color:#10233F; border:1px solid #244D84; border-radius:12px; padding:24px 16px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:12px;}
.page-login__step-icon{background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%); width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#FFFFFF; font-weight:700; border:1px solid #4FA8FF;}
.page-login__step-title{color:#F3F8FF; font-size:1.1rem; margin:0;}
.page-login__step-desc{color:#AFC4E8; font-size:0.9rem; line-height:1.5; margin:0;}
.page-login__benefits-section{padding:32px 16px; max-width:1200px; margin:0 auto; box-sizing:border-box; width:100%;}
.page-login__benefits-intro{color:#AFC4E8; text-align:center; margin-bottom:24px;}
.page-login__benefits-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
.page-login__benefit-item{background-color:#10233F; border:1px solid #244D84; border-radius:12px; padding:20px;}
.page-login__benefit-title{color:#F3F8FF; font-size:1.15rem; margin-bottom:10px;}
.page-login__benefit-desc{color:#AFC4E8; font-size:0.95rem; line-height:1.6; margin:0;}
.page-login__benefit-cta{text-align:center; margin-top:24px;}
.page-login__guide-section{padding:32px 16px; border-top:1px solid #1B3357; max-width:1000px; margin:0 auto; box-sizing:border-box; width:100%;}
.page-login__guide-list{display:flex; flex-direction:column; gap:12px;}
.page-login__guide-item{background-color:#10233F; border:1px solid #244D84; border-radius:8px; padding:16px;}
.page-login__guide-question{list-style:none; color:#F3F8FF; font-weight:700; cursor:pointer; display:flex; justify-content:space-between; align-items:center;}
.page-login__guide-question::-webkit-details-marker{display:none;}
.page-login__guide-toggle{color:#F2C14E; font-size:1.2rem;}
.page-login__guide-answer{color:#AFC4E8; margin-top:8px; line-height:1.6;}
.page-login__security-section{display:flex; flex-direction:column; align-items:center; gap:16px; padding:32px 16px; max-width:1100px; margin:0 auto; box-sizing:border-box; width:100%;}
.page-login__security-image{width:100%; max-width:800px; box-sizing:border-box;}
.page-login__security-img{display:block; width:100%; height:auto; aspect-ratio:800/450; object-fit:cover; border-radius:12px;}
.page-login__security-content{text-align:center; max-width:850px;}
.page-login__security-text{color:#AFC4E8; line-height:1.6; margin-bottom:16px;}
@media (max-width: 1024px){
.page-login__hero-section{padding-top:10px}
.page-login__steps-grid{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width: 768px){
.page-login__hero-section{padding-top:10px;}
.page-login__hero-img{aspect-ratio:2/1; max-width:100%;}
.page-login__steps-grid{grid-template-columns:1fr;}
.page-login__benefits-grid{grid-template-columns:1fr;}
.page-login__cta-btn{max-width:100%; box-sizing:border-box; white-space:normal; word-wrap:break-word;}
.page-login__cta-group{width:100%; max-width:100%; overflow:hidden; box-sizing:border-box; flex-direction:column; align-items:stretch;}
.page-login img{max-width:100%; height:auto;}
.page-login{max-width:100%; overflow-x:hidden;}
.page-login__security-section{flex-direction:column;}
}