.page-login{color:#333333;background:#ffffff;max-width:100%;overflow-x:hidden}
.page-login__inner{width:100%;max-width:1140px;margin:0 auto;padding:0 16px}
.page-login__hero-section{padding-top:10px;padding-bottom:24px}
.page-login__hero-container{width:100%;max-width:1140px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:20px}
.page-login__hero-image{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(38,169,224,0.18)}
.page-login__hero-image img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:1020/300}
.page-login__hero-content{width:100%;max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.page-login__hero-title{color:#000000;font-weight:800;line-height:1.3;letter-spacing:0.2px;margin:0;max-width:900px}
.page-login__hero-desc{color:#333333;font-size:1.02rem;line-height:1.7;margin:0;max-width:760px}
.page-login__btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;border-radius:999px;font-weight:700;text-decoration:none;font-size:1rem;line-height:1.3;box-sizing:border-box;max-width:100%;text-align:center;transition:transform .2s ease,opacity .2s ease}
.page-login__btn:hover{transform:translateY(-1px);opacity:.92}
.page-login__btn--primary{background:#EA7C07;color:#ffffff;border:2px solid #EA7C07}
.page-login__btn--submit{background:#EA7C07;color:#ffffff;border:2px solid #EA7C07;width:100%;cursor:pointer}
.page-login__btn--outline{background:#ffffff;color:#000000;border:2px solid #26A9E0}
.page-login__form-section{padding:28px 0;background:#ffffff}
.page-login__form-inner{width:100%;max-width:640px;margin:0 auto;padding:0 16px;text-align:center}
.page-login__section-title{color:#000000;font-weight:800;line-height:1.35;margin:0 0 10px;text-align:center}
.page-login__section-sub{color:#333333;line-height:1.7;margin:0 auto 20px;max-width:720px;text-align:center}
.page-login__form-card{background:#ffffff;border:2px solid #26A9E0;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(38,169,224,0.14);text-align:left}
.page-login__form{display:flex;flex-direction:column;gap:16px}
.page-login__field{display:flex;flex-direction:column;gap:6px}
.page-login__field--row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.page-login__label{color:#000000;font-weight:600;font-size:.95rem}
.page-login__input{width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid #26A9E0;border-radius:10px;font-size:1rem;color:#000000;background:#ffffff}
.page-login__input:focus{outline:2px solid #26A9E0;outline-offset:1px}
.page-login__checkbox{display:inline-flex;align-items:center;gap:8px;color:#333333;font-size:.95rem}
.page-login__link{color:#26A9E0;font-weight:600;text-decoration:underline}
.page-login__form-note{color:#333333;font-size:.95rem;margin:4px 0 0;text-align:center}
.page-login__benefits-section{padding:32px 0;background:#ffffff}
.page-login__benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.page-login__benefit-card{background:#ffffff;border:2px solid #26A9E0;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(38,169,224,0.12);display:flex;flex-direction:column}
.page-login__benefit-img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:2/1}
.page-login__benefit-title{color:#000000;font-size:1.12rem;font-weight:700;margin:14px 16px 6px}
.page-login__benefit-text{color:#333333;line-height:1.65;margin:0 16px 18px;font-size:.98rem}
.page-login__guide-section{padding:32px 0;background:#ffffff}
.page-login__guide-figure{width:100%;max-width:800px;margin:0 auto 22px;border-radius:16px;overflow:hidden;border:2px solid #26A9E0}
.page-login__guide-figure img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:2/1}
.page-login__steps{list-style:none;padding:0;margin:0 auto;max-width:820px;display:flex;flex-direction:column;gap:12px;counter-reset:step}
.page-login__step{background:#ffffff;border-left:4px solid #26A9E0;border-radius:10px;padding:14px 16px;color:#333333;line-height:1.7;box-shadow:0 4px 12px rgba(38,169,224,0.1)}
.page-login__step strong{color:#000000}
.page-login__guide-note{max-width:820px;margin:18px auto 0;color:#333333;line-height:1.7;background:#ffffff;border:1.5px dashed #26A9E0;border-radius:12px;padding:14px 16px}
.page-login__faq-section{padding:32px 0;background:#ffffff}
.page-login__faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.page-login__faq-item{background:#ffffff;border:2px solid #26A9E0;border-radius:12px;padding:0 16px;overflow:hidden}
.page-login__faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:16px 0;color:#000000;font-weight:700;list-style:none}
.page-login__faq-q::-webkit-details-marker{display:none}
.page-login__faq-toggle{color:#EA7C07;font-size:1.4rem;font-weight:800;line-height:1}
.page-login__faq-a{color:#333333;line-height:1.7;margin:0 0 16px}
.page-login__cta-section{padding:36px 0;background:#ffffff}
.page-login__cta-inner{text-align:center;background:#ffffff;border:2px solid #26A9E0;border-radius:20px;padding:28px 20px;box-shadow:0 10px 28px rgba(38,169,224,0.14)}
.page-login__cta-title{color:#000000;font-weight:800;margin:0 0 10px;line-height:1.35}
.page-login__cta-text{color:#333333;line-height:1.7;margin:0 auto 20px;max-width:700px}
.page-login__cta-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}
.page-login__links-section{padding:32px 0 48px;background:#ffffff}
.page-login__link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.page-login__link-card{display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 12px;border:2px solid #26A9E0;border-radius:12px;color:#000000;font-weight:600;text-decoration:none;background:#ffffff;line-height:1.4;transition:background .2s ease,color .2s ease}
.page-login__link-card:hover{background:#26A9E0;color:#ffffff}
@media (max-width:1024px){
.page-login__benefit-grid{grid-template-columns:repeat(2,1fr)}
.page-login__link-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
.page-login__hero-section{padding-top:8px}
.page-login__hero-image img{aspect-ratio:2/1}
.page-login__hero-title{line-height:1.35;letter-spacing:0}
.page-login__hero-desc{font-size:.98rem}
.page-login__benefit-grid{grid-template-columns:1fr}
.page-login__link-grid{grid-template-columns:repeat(2,1fr)}
.page-login__form-card{padding:18px 14px}
.page-login__field--row{flex-direction:column;align-items:flex-start}
.page-login__cta-buttons{flex-direction:column;align-items:stretch}
.page-login__cta-buttons .page-login__btn{width:100%;max-width:100%}
.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{max-width:100%;overflow-x:hidden}
}