.page-login__hero-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding-top:10px}.page-login__hero-image-container{width:100%;max-width:1200px}.page-login__hero-image{width:100%;height:auto;aspect-ratio:16/4.7;object-fit:cover;display:block;border-radius:12px}.page-login__hero-content{text-align:center;padding:20px 16px 0;max-width:900px}.page-login__main-title{font-weight:800;line-height:1.3;letter-spacing:-0.02em;color:#065e8c;max-width:720px;margin:0 auto 8px;font-size:clamp(1.25rem,4vw,2.4rem)}.page-login__hero-description{color:#333;line-height:1.7;max-width:680px;margin:0 auto 20px;font-size:clamp(0.95rem,2vw,1.1rem)}.page-login__cta-group{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:8px}.page-login__cta-button{display:inline-block;padding:12px 28px;border-radius:999px;font-weight:800;font-size:1rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.page-login__cta-button--primary{background:#FA7C07;color:#fff;border:2px solid #E56E00;box-shadow:0 4px 12px rgba(250,124,7,.35)}.page-login__cta-button--secondary{background:#26A9E0;color:#fff;border:2px solid #1E96C9;box-shadow:0 4px 12px rgba(38,169,224,.3)}.page-login__cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.18)}.page-login__logo-section{padding:24px 16px}.page-login__section-title{text-align:center;font-size:clamp(1.5rem,5vw,2.2rem);font-weight:700;color:#065e8c;margin-bottom:16px}.page-login__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:0 auto;padding:12px;background:#f5fbfe;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.page-login__logo-item{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:220px;background:#fff;border:1px solid #e0f0fa;border-radius:12px;padding:14px;box-sizing:border-box;transition:box-shadow .2s ease}.page-login__logo-item:hover{box-shadow:0 6px 16px rgba(38,169,224,.15)}.page-login__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;display:block;margin-bottom:6px}.page-login__logo-cta{display:inline-block;padding:8px 18px;border-radius:999px;background:#26A9E0;color:#fff;font-weight:700;font-size:.875rem;text-decoration:none;border:2px solid #26A9E0}.page-login__logo-item:nth-child(5){grid-column:2}.page-login__logo-item:nth-child(6){grid-column:3}.page-login__guide-section{padding:8px 0}.page-login__guide-inner{max-width:1000px;margin:0 auto;padding:16px 16px 48px}.page-login__guide-title{text-align:center;color:#065e8c;font-size:clamp(1.5rem,5vw,2.1rem);font-weight:800;margin-bottom:6px}.page-login__guide-intro{color:#333;line-height:1.7;text-align:center;max-width:760px;margin:0 auto 20px}.page-login__guide-intro strong{color:#EA7C07}.page-login__guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.page-login__guide-card{background:#fff;border:1px solid #e0f0fa;border-radius:12px;padding:14px;box-sizing:border-box}.page-login__guide-figure{margin:0;text-align:center}.page-login__guide-image{width:100%;max-width:400px;aspect-ratio:2/1;object-fit:cover;border-radius:8px;display:block;margin:0 auto 10px}.page-login__guide-heading{color:#065e8c;font-size:1.1rem;font-weight:700;margin:0 0 5px}.page-login__guide-card p{color:#444;font-size:.9rem;line-height:1.5;margin:0}.page-login__guide-cta{text-align:center}.page-login__guide-button{display:inline-block;padding:12px 32px;border-radius:999px;background:#FA7C07;color:#fff;border:2px solid #E56E00;font-weight:800;text-decoration:none;transition:box-shadow .2s ease}.page-login__guide-button:hover{box-shadow:0 6px 14px rgba(250,124,7,.3)}.page-login__faq-section{margin-top:20px}.page-login__faq-title{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:700;color:#065e8c;text-align:center;margin-bottom:10px}.page-login__faq-list{max-width:760px;margin:0 auto}.page-login__faq-item{background:#f7fbfe;border:1px solid #dcecf5;border-radius:8px;padding:8px 12px;margin-bottom:8px}.page-login__faq-question{font-weight:700;cursor:pointer;color:#1c5a78}.page-login__faq-answer{padding:8px 0;color:#444;line-height:1.6}.page-login__security-tips{margin-top:20px;background:linear-gradient(135deg,#f7fbfe, #e6f4fa);padding:20px;border-radius:12px}.page-login__security-title{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:800;color:#065e8c;text-align:center;margin:0 0 4px}.page-login__security-text{color:#444;line-height:1.6;text-align:center;max-width:760px;margin:0 auto 16px}.page-login__security-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-width:900px;margin:0 auto}.page-login__security-item{background:#fff;border:1px solid #e0f0fa;border-left:4px solid #EA7C07;padding:12px;border-radius:8px}.page-login__security-number{display:inline-block;font-weight:800;color:#FA7C07;margin-bottom:2px;font-size:1rem}.page-login__security-item p{color:#333;line-height:1.5;font-size:.9rem;margin:0}@media (max-width:768px){.page-login__hero-image-container{width:100%}.page-login__hero-image{aspect-ratio:2/1}.page-login__cta-group{flex-direction:column;width:100%}.page-login__cta-button{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}.page-login__logo-grid{grid-template-columns:repeat(2,1fr)}.page-login__logo-item:nth-child(5),.page-login__logo-item:nth-child(6){grid-column:auto}.page-login__guide-inner{padding:16px 16px 40px}.page-login__logo-image{max-width:100%;height:auto!important}.page-login__guide-image,.page-login__guide-figure img{max-width:100%;height:auto!important}.page-login img{max-width:100%;height:auto!important}.page-login{max-width:100%;overflow-x:hidden}}