.page-login{color:#333333;background-color:#FFFFFF;font-family:'Roboto',system-ui,-apple-system,sans-serif;line-height:1.7}.page-login__hero-section{background-color:#FFFFFF;padding-top:10px}.page-login__hero-container{display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:0 16px}.page-login__hero-image-wrapper{order:0;margin-bottom:20px}.page-login__hero-image{display:block;width:100%;max-width:1020px;margin:0 auto;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:20px;box-shadow:0 12px 20px rgba(0,0,0,0.1)}.page-login__hero-content{order:1;text-align:center;max-width:700px;margin:0 auto}.page-login__hero-title{font-weight:800;line-height:1.3;letter-spacing:-0.2px;color:#0477db;margin:0 0 16px}.page-login__hero-description{font-size:16px;color:#333333;margin-bottom:24px}.page-login__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px}.page-login__hero-btn{display:inline-block;width:100%;max-width:100%;text-align:center;text-decoration:none;border-radius:999px;font-weight:700;padding:14px 32px;transition:transform 0.2s ease,box-shadow 0.2s ease}.page-login__hero-btn--primary{background-color:#EA7C07;color:#FFFFFF;border:2px solid #EA7C07}.page-login__hero-btn--primary:hover{background-color:#d36900;border-color:#d36900;transform:translateY(-2px);box-shadow:0 8px 16px rgba(234,124,7,0.2)}.page-login__hero-btn--secondary{background-color:#FFFFFF;color:#0477db;border:2px solid #26A9E0}.page-login__hero-btn--secondary:hover{background-color:#e6f7ff;transform:translateY(-2px)}.page-login__intro-section{background:#f8fbff;max-width:800px;margin:0 auto 48px;padding:16px}.page-login__features-section{max-width:1200px;margin:0 auto;padding:16px}.page-login__features-list{display:flex;flex-direction:column;gap:32px}.page-login__feature-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e0eef7;border-radius:16px;overflow:hidden;box-shadow:0 8px 16px rgba(0,0,0,0.03)}.page-login__feature-image-wrap{overflow:hidden}.page-login__feature-image{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}.page-login__feature-content{padding:16px}.page-login__feature-step{display:inline-block;font-size:12px;background:#0477db;color:#fff;padding:4px 12px;border-radius:20px;margin-bottom:8px}.page-login__feature-title{margin-top:12px;color:#0a2735;line-height:1.4}.page-login__feature-text{font-size:16px;color:#444}.page-login__feature-link{display:block;margin-top:12px;word-break:break-word;color:#0477db;font-weight:600}.page-login__feature-link--btn{background:#26A9E0;color:#FFFFFF;padding:10px 20px;border-radius:8px;text-align:center;text-decoration:none;max-width:100%}.page-login__benefit-section{background:linear-gradient(135deg,#dff5ff,#FFFFFF);padding:32px 16px}.page-login__benefit-inner{max-width:800px;margin:0 auto}.page-login__benefit-list{list-style:none;padding:0;margin:0}.page-login__benefit-item{padding:12px 0;padding-left:32px;margin-bottom:12px;background-color:#FFFFFF;border:1px solid #e0f3fa;border-radius:88px;box-shadow:0 4px 8px rgba(0,0,0,0.02)}.page-login__faq-section{max-width:800px;margin:0 auto 48px;padding:16px}.page-login__faq-item{border:1px solid #e0eef7;border-radius:12px;margin-bottom:12px;background:#fff;overflow:hidden}.page-login__faq-question{display:flex;justify-content:space-between;column-gap:16px;align-items:center;padding:16px;cursor:pointer;list-style:none;font-weight:600;color:#0a2735}.page-login__faq-question::-webkit-details-marker{display:none}.page-login__faq-question:hover{background:#f0f9ff}.page-login__faq-toggle{font-size:24px;line-height:1;font-weight:400;width:28px;height:28px;flex-shrink:0;text-align:center;border-radius:50%;background:#eaf6fd;color:#0477db}.page-login__faq-answer{padding:0 16px 16px;color:#3d3d3d}.page-login__faq-link{color:#26A9E0;text-decoration:underline;font-weight:600;word-break:break-word}.page-login__guide-section{background:#fff;padding:32px 16px;border-bottom:1px solid #eef6fd}.page-login__guide-inner{max-width:800px;margin:0 auto}.page-login__guide-title{color:#026e9c;margin-bottom:24px}.page-login__guide-text{margin-bottom:24px;color:#333}.page-login__guide-figure{margin:24px 0}.page-login__guide-image{display:block;width:100%;max-width:800px;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px}.page-login__cta-section{background:#26A9E0;color:#FFFFFF;text-align:center;padding:32px 16px}.page-login__cta-actions{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.page-login__cta-text{font-weight:600;font-size:20px;max-width:700px;margin-left:auto;margin-right:auto}.page-login__cta-btn{display:inline-block;padding:12px 32px;border-radius:999px;text-decoration:none;font-weight:700;max-width:100%;text-align:center;background-color:#FFFFFF;color:#0477db;transition:opacity 0.2s ease}.page-login__cta-btn--outline{border:1px solid white}.page-login__cta-btn:hover{opacity:0.9}.page-login__cta-btn--secondary{background-color:#e6f7ff;border:2px solid #FFFFFF;color:#0477db}.page-login *{box-sizing:border-box}.page-login img{max-width:100%;height:auto}@media(min-width:769px){.page-login__hero-btn{width:auto}.page-login__cta-btn{width:auto}.page-login__hero-title{font-size:clamp(28px,4vw,40px)}.page-login__section-title{font-size:clamp(24px,3vw,32px)}}@media(max-width:768px){.page-login__hero-title{font-size:24px;line-height:1.3}.page-login__hero-description{font-size:16px}.page-login__section-title{font-size:24px;text-align:center}.page-login__hero-container{flex-direction:column}.page-login__hero-btn,.page-login__cta-btn{width:100%}.page-login__hero-actions,.page-login__cta-actions{flex-direction:column}.page-login img{max-width:100%!important;height:auto!important}.page-login__guide-image,.page-login__feature-image{width:100%!important;height:auto!important;max-height:none!important}.page-login__feature-card{flex-direction:column}}@media(max-width:480px){.page-login__hero-actions{flex-direction:column}.page-login__benefit-item{padding-left:16px;border-radius:16px}}