.page-login{color:#F3F8FF;background-color:#08162B;font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.6;overflow-x:hidden}
.page-login__hero-section{padding:10px 16px 24px;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.page-login__hero-image-wrap{width:100%;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.5)}
.page-login__hero-image{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:16/7;object-fit:cover}
.page-login__hero-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.page-login__main-title{font-size:clamp(1.3rem,3.2vw,2.2rem);color:#F3F8FF;max-width:820px;margin:0 auto;font-weight:700;line-height:1.3;letter-spacing:.2px}
.page-login__hero-desc{color:#AFC4E8;max-width:680px;margin:0 auto;text-align:center;font-size:1rem}
.page-login__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:10px}
.page-login__btn{display:inline-block;padding:14px 36px;border-radius:999px;font-weight:700;text-decoration:none;font-size:1rem;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer;text-align:center}
.page-login__btn--primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#FFFFFF;box-shadow:0 4px 14px #4FA8FF40}
.page-login__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4FA8FF70}
.page-login__btn--ghost{background:transparent;color:#AFC4E8;border:2px solid #244D84;box-shadow:0 4px 12px #10233F}
.page-login__btn--ghost:hover{border-color:#2B73F6;color:#F3F8FF}
.page-login__features-section{padding:36px 16px;max-width:1200px;margin:0 auto}
.page-login__section-header{text-align:center;margin-bottom:28px}
.page-login__section-title{font-size:1.8rem;font-weight:700;color:#F3F8FF;margin-bottom:8px}
.page-login__section-sub{color:#AFC4E8;max-width:720px;margin:0 auto}
.page-login__features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.page-login__feature-card{background:#10233F;border:1px solid #244D84;border-radius:16px;padding:22px;box-shadow:0 8px 20px rgba(4,8,15,0.5);margin:0}
.page-login__feature-title{color:#F3F8FF;font-size:1.1rem;font-weight:600;margin-bottom:10px;line-height:1.4}
.page-login__feature-text{color:#AFC4E8;margin:0;font-size:.95rem}
.page-login__guide-section{padding:20px 16px 48px;max-width:1100px;margin:0 auto;text-align:center}
.page-login__guide-title{font-size:1.8rem;color:#F3F8FF;margin-bottom:12px}
.page-login__guide-intro{max-width:760px;margin:0 auto 28px;color:#AFC4E8}
.page-login__guide-intro p{margin:0}
.page-login__guide-steps{display:grid;grid-template-columns:1fr;gap:26px;text-align:left;margin:0 auto}
.page-login__guide-step{background:#10233F;border-radius:18px;overflow:hidden;border:1px solid #244D84;padding:0;text-align:center}
.page-login__guide-figure{margin:0;width:100%}
.page-login__guide-figure img{display:block;width:100%;max-width:640px;margin:0 auto;aspect-ratio:2/1;object-fit:cover;height:auto}
.page-login__guide-step-title{color:#F2C14E;font-size:1.2rem;padding:12px 20px 6px;margin:0}
.page-login__guide-step-text{padding:0 20px 24px;color:#AFC4E8;margin:0;font-size:.95rem;text-align:center}
.page-login__faq-title{color:#F3F8FF;font-size:1.4rem;margin:36px 0 16px}
.page-login__faq-list{text-align:left}
.page-login__faq-item{background:#10233F;border:1px solid #244D84;border-radius:12px;margin-bottom:14px;padding:0}
.page-login__faq-question{color:#F3F8FF;font-weight:600;padding:16px 18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.page-login__faq-question::-webkit-details-marker{display:none}
.page-login__faq-icon{color:#F2C14E;width:24px;height:24px;border:1px solid #244D84;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.page-login__faq-answer{padding:16px 18px 18px;color:#AFC4E8;border-top:1px solid #1B3357;margin:0 4px;font-size:.95rem}
.page-login__faq-answer p{margin:0}

@media (max-width:1024px){
.page-login__hero-image{aspect-ratio:16/9}
.page-login__features-grid{gap:16px}
.page-login__feature-card{padding:18px}
}

@media (max-width:768px){
.page-login{padding-top:0;margin-top:0}
.page-login__hero-section{padding-top:10px;gap:16px}
.page-login__hero-image{aspect-ratio:4/3;max-width:100% !important;height:auto !important}
.page-login__hero-actions{flex-direction:column;align-items:center;width:100%}
.page-login__hero-actions .page-login__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-login__features-section{padding:28px 12px}
.page-login__features-grid{grid-template-columns:1fr}
.page-login__feature-card{padding:16px}
.page-login__guide-section{padding:16px 12px 32px}
.page-login__guide-figure img{max-width:100% !important;height:auto !important}
.page-login__guide-step-text{padding:0 14px 18px}
.page-login__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-login img{max-width:100% !important;height:auto !important}
.page-login{overflow-x:hidden;max-width:100%}
}