.page-login{color:#333333;background-color:#F5F7FA}.page-login__hero-section{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-main,#ffffff);padding:10px 16px 20px;margin-bottom:12px}.page-login__hero-image-wrapper{width:100%;max-width:1020px}.page-login__hero-image{width:100%;max-width:1020px;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:16px}.page-login__hero-content{max-width:800px;width:100%;text-align:center;padding-top:6px}.page-login__hero-title{font-size:clamp(1.3rem, 2vw + 0.6rem, 2.2rem);font-weight:800;line-height:1.2;letter-spacing:0.01em;color:#E53935;margin:0 0 8px;max-width:100%}.page-login__hero-description{font-size:1rem;line-height:1.4;color:#333333;max-width:100%;margin:0 0 16px}.page-login__hero-cta{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:10px}.page-login__hero-login-btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:14px 30px;box-sizing:border-box;border-radius:999px;background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#ffffff;font-weight:700;text-decoration:none;box-shadow:0 4px 10px rgba(229,57,53,0.2);border:none;max-width:100%;width:auto;min-width:200px;white-space:normal;word-wrap:break-word;text-align:center;transition:opacity 0.3s ease}.page-login__hero-login-btn:hover{opacity:0.9}.page-login__hero-register-link{font-size:0.95rem;color:#E53935;font-weight:600;text-decoration:none;border-bottom:1px solid #E53935;padding-bottom:2px;max-width:100%;white-space:normal;word-wrap:break-word;text-align:center}.page-login__hero-register-link:hover{opacity:0.8}.page-login__logo-section{background-color:#F5F7FA;padding:10px 16px 24px}.page-login__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:0 auto}.page-login__logo-item{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:280px;background-color:#FFFFFF;border:1px solid #E0E0E0;border-radius:16px;padding:16px;box-sizing:border-box;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}.page-login__logo-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.08)}.page-login__logo-image{width:100%;max-width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;display:block;border-radius:8px}.page-login__logo-caption{font-size:1rem;font-weight:600;color:#333333;margin:0;padding:0 8px;white-space:normal;word-wrap:break-word;max-width:100%}.page-login__logo-cta,.page-login__cta-inline{display:inline-flex;justify-content:center;align-items:center;min-height:40px;padding:8px 18px;box-sizing:border-box;border-radius:999px;background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#ffffff;font-weight:700;text-decoration:none;border:none;max-width:100%;min-width:120px;font-size:0.95rem;white-space:normal;word-wrap:break-word;text-align:center}.page-login__logo-cta:hover,.page-login__cta-inline:hover{opacity:0.9}.page-login__logo-item:nth-child(5){grid-column:2}.page-login__logo-item:nth-child(6){grid-column:3}.page-login__guide-section{max-width:1000px;margin:0 auto;padding:16px 16px 40px;box-sizing:border-box}.page-login__guide-inner{background-color:#FFFFFF;padding:24px;border-radius:16px;border:1px solid #E0E0E0;box-sizing:border-box}.page-login__guide-title{color:#333333;font-size:1.7rem;font-weight:700;margin:0 0 12px;text-align:center;letter-spacing:0.01em}.page-login__guide-intro{font-size:1rem;line-height:1.45;color:#333333;margin:0 0 20px}.page-login__guide-steps{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.page-login__guide-step{background-color:#FFFFFF;border-left:4px solid #E53935;padding:12px 16px;margin-bottom:8px;box-shadow:0 2px 8px rgba(0,0,0,0.03)}.page-login__guide-step-title{font-size:1.15rem;font-weight:700;color:#E53935;margin:0 0 6px}.page-login__guide-step-text{font-size:0.95rem;line-height:1.5;color:#333333;margin:0}.page-login__guide-warning{background-color:#FFF5F5;border-radius:12px;padding:14px 16px;border:1px solid #E0E0E0;margin:16px 0}.page-login__guide-warning-title{font-weight:700;color:#E53935;margin:0 0 6px;font-size:1rem}.page-login__guide-warning-text{font-size:0.95rem;color:#333333;margin:0}.page-login__guide-figure{margin:0;text-align:center}.page-login__guide-image{width:100%;max-width:800px;display:block;margin:0 auto;border-radius:12px;aspect-ratio:2/1;object-fit:cover;height:auto}.page-login__benefit-section{background-color:#FFFFFF;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;padding:20px 16px}.page-login__benefit-inner{max-width:1200px;margin:0 auto}.page-login__benefit-title{font-size:1.5rem;font-weight:700;color:#333333;text-align:center;margin-bottom:18px;letter-spacing:0.01em}.page-login__benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.page-login__benefit-card{background:#F5F7FA;border:1px solid #E0E0E0;border-radius:16px;padding:24px;text-align:left;box-sizing:border-box}.page-login__benefit-card-title{font-size:1.05rem;font-weight:700;color:#E53935;margin:0 0 8px}.page-login__benefit-card-text{font-size:0.95rem;line-height:1.5;color:#333333;margin:0}.page-login__faq-section{max-width:900px;margin:16px auto;padding:16px}.page-login__faq-title{font-size:1.5rem;font-weight:700;color:#333333;margin:0 0 16px;text-align:center;letter-spacing:0.01em}.page-login__faq-item{display:block;background-color:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;margin-bottom:10px;overflow:hidden;box-sizing:border-box}.page-login__faq-item-title{list-style:none;display:flex;flex-direction:row-reverse;justify-content:space-between;gap:10px;cursor:pointer;padding:16px;font-weight:600;color:#333333;background-color:#FFFFFF}.page-login__faq-item-title::-webkit-details-marker{display:none}.page-login__faq-item-title:hover{background-color:#FFF5F5}.page-login__faq-item-title span[data-faq-toggle]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#E53935;color:#fff;font-weight:700;border-radius:50%;margin-left:auto;font-size:1.1rem;line-height:1}.page-login__faq-answer{padding:0 20px 18px;line-height:1.5;background-color:#FFFDFD;color:#333333;margin-left:40px;margin-top:8px;border-left:2px solid #E53935}.page-login__faq-answer p{font-size:0.95rem;line-height:1.5}.page-login__faq-item[open] .page-login__faq-item-title{background-color:#FFF5F5}.page-login__faq-item:not([open]) .page-login__faq-item-title span[data-faq-toggle]::after{content:"";position:absolute}.page-login__faq-item:not([open]) .page-login__faq-item-title span[data-faq-toggle]{background-color:#E53935}.page-login__faq-item:not([open]) .page-login__faq-item-title span[data-faq-toggle]::after{display:none}.page-login__faq-item[open] .page-login__faq-item-title span[data-faq-toggle]{background-color:#333333}.page-login__faq-item[open] .page-login__faq-item-title span[data-faq-toggle]::after{display:none}.page-login__faq-item .page-login__faq-item-title span[data-faq-toggle]{display:inline-flex;align-items:center;justify-content:center}.page-login__faq-item:not([open]) .page-login__faq-item-title span[data-faq-toggle]::after{content:"";position:absolute}.page-login__faq-item .page-login__faq-item-title span[data-faq-toggle]{display:inline-block}.page-login__faq-item .page-login__faq-item-title span[data-faq-toggle]::before{content:"+"}.page-login__faq-item[open] .page-login__faq-item-title span[data-faq-toggle]::before{content:"−"}.page-login__hero-section .page-login__logo-section{padding-top:0}.page-login__logo-item:nth-child(5),.page-login__logo-item:nth-child(6){grid-column:auto}.page-login__faq-item-title span[data-faq-toggle]::after{content:"";border:none}@media (max-width:1024px){.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__benefit-grid{grid-template-columns:repeat(1,1fr)}}@media (max-width:768px){.page-login__hero-section{padding:10px 10px 18px}.page-login__hero-image{aspect-ratio:2/1;height:auto}.page-login__hero-description{margin-bottom:10px}.page-login__hero-cta{gap:8px}.page-login__logo-grid{grid-template-columns:repeat(2,1fr);gap:14px}.page-login__logo-item{max-width:100%;padding:10px}.page-login__logo-item:nth-child(5),.page-login__logo-item:nth-child(6){grid-column:auto}.page-login__guide-inner{padding:16px}.page-login__guide-title{font-size:1.4rem}.page-login__guide-step{font-size:0.95rem}.page-login__guide-figure{width:100%}.page-login__guide-image{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:2/1;object-fit:cover}.page-login img{max-width:100%!important;height:auto!important}.page-login__hero-image{max-width:100%!important;height:auto!important}.page-login__logo-image{max-width:100%!important;height:auto!important}.page-login__hero-content{width:100%;max-width:100%}.page-login__hero-login-btn,.page-login__hero-register-link,.page-login__logo-cta,.page-login__cta-inline{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-login__hero-cta,.page-login__logo-grid,.page-login__guide-inner{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}}