.page-login{background-color:#10233F;color:#F3F8FF;max-width:100%;overflow-x:hidden;margin:0;padding:0}.page-login__hero-section{background:linear-gradient(135deg,#08162B 0%,#10233F 50%,#113B7A 100%);padding:10px 16px 0;display:flex;flex-direction:column;align-items:center}.page-login__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto}.page-login__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:17/6;object-fit:cover;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.3)}.page-login__hero-content{display:block;text-align:center;padding:20px 0;max-width:100%}.page-login__main-title{color:#F3F8FF;font-weight:800;line-height:1.2;max-width:900px;margin:0 auto}.page-login__hero-desc{color:#F3F8FF;font-size:clamp(1rem, 2vw, 1.4rem);margin:1rem auto 1.5rem}.page-login__hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.page-login__btn{display:inline-block;padding:14px 30px;border-radius:999px;font-weight:700;text-decoration:none;text-align:center}.page-login__btn--primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#ffffff;white-space:normal;word-wrap:break-word;border:1px solid #244D84}.page-login__btn--secondary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#f3f8ff;border:1px solid #4FA8FF}.page-login__intro-section{padding:24px 16px 0;background-color:#10233F}.page-login__container{max-width:1000px;margin:0 auto}.page-login__section-title{color:#F3F8FF;text-align:center;font-size:clamp(1.5rem, 3vw, 2rem);margin:0 0 1rem}.page-login__feature-list{list-style:none;padding:20px;margin:0;display:grid;gap:10px;background:#122040;border:1px solid #1B3357;border-radius:12px}.page-login__feature-item{color:#F3F8FF;font-size:1rem;line-height:1.5;padding-left:1.5em;position:relative}.page-login__feature-item::before{content:'✓';position:absolute;left:0;color:#F2C14E}.page-login__guide-section{background-color:#10233F;padding:20px 0 40px}.page-login__guide-inner{max-width:880px;margin:0 auto}.page-login__guide-title{color:#F3F8FF;text-align:center;font-size:clamp(1.6rem, 4vw, 2.4rem);max-width:800px;margin:0 auto 0.5em;line-height:1.2}.page-login__guide-subtitle{color:#AFC4E8;text-align:center;font-size:1rem;line-height:1.5;max-width:700px;margin:0 auto 1rem}.page-login__step-list{display:flex;flex-direction:column;gap:20px;padding:0 16px}.page-login__step-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:720px;margin:0 auto;background:transparent;border:1px solid #244D84;border-radius:16px;overflow:hidden}.page-login__step-item img{border-radius:12px;width:100%;max-width:500px;height:auto}.page-login__step-content{padding:20px;text-align:center}.page-login__step-content h3{color:#F2C14E;font-size:clamp(1rem, 2vw, 1.5rem);margin:0 0 .75rem}.page-login__step-content p{color:#AFC4E8;font-size:1rem}.page-login__faq-wrap{max-width:800px;margin:2rem auto 0;padding:0 16px}.page-login__faq-item{border:1px solid #244D84;border-radius:16px;padding:1rem 1.25rem;margin-bottom:1rem;background:transparent}.page-login__faq-item[open]{border-color:#4FA8FF}.page-login__faq-question{color:#F3F8FF;font-weight:600;cursor:pointer}.page-login__faq-answer{color:#AFC4E8;font-weight:400}.page-login__gallery-section{background-color:#10233F;border-top:1px solid #1B3357}.page-login__gallery-section p{color:#AFC4E8;text-align:center}.page-login__section-title{font-weight:800}.page-login__guide-section .page-login__main-title{font-size:clamp(1rem, 3vw, 2rem)}.page-login__btn:hover{opacity:.9}.page-login__btn:active{transform:translateY(2px)}@media (max-width:768px){.page-login img{max-width:100%!important;height:auto!important}.page-login .page-login__hero-image{max-width:100%;aspect-ratio:16/9}.page-login__hero-section{flex-direction:column}.page-login__hero-actions{flex-direction:column;width:100%}.page-login__btn{max-width:100%;height:auto;box-sizing:border-box}}
  .page-login__btn, .page-login__hero-image, .page-login__step-item img {overflow:hidden; word-wrap:break-word;}