.page-login{max-width:100%;overflow-x:hidden;color:#333333}.page-login__hero-section{display:flex;flex-direction:column;align-items:center;padding-top:10px}.page-login__hero-image-wrap{width:100%;max-width:1200px}.page-login__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:8px}.page-login__hero-content{width:100%;max-width:1200px;text-align:center;padding:24px 16px;background:#FFFFFF;border-radius:8px;margin-top:16px}.page-login__hero-content h1{font-weight:800;line-height:1.3;letter-spacing:0.5px;max-width:800px;margin:0 auto;color:#333333}.page-login__hero-content p{max-width:700px;margin:12px auto 24px;line-height:1.7;font-size:16px;color:#333333}.page-login__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;overflow:hidden}.page-login__btn{display:inline-block;padding:14px 32px;border-radius:8px;font-weight:700;font-size:16px;text-align:center;text-decoration:none;transition:all 0.3s ease;border:none;cursor:pointer;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}.page-login__btn--primary{background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);color:#ffffff}.page-login__btn--primary:hover{opacity:0.9;transform:translateY(-2px)}.page-login__btn--secondary{background:#FFFFFF;color:#E53935;border:2px solid #E53935}.page-login__btn--secondary:hover{background:#FFF5F5}.page-login__logo-section{width:100%;max-width:1200px;margin:0 auto;padding:40px 16px;text-align:center}.page-login__logo-section h2{color:#333333;font-size:28px;font-weight:700;margin-bottom:8px}.page-login__logo-section>p{color:#333333;font-size:15px;max-width:700px;margin:0 auto 32px}.page-login__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;justify-items:center;width:100%;max-width:1200px;margin:0 auto}.page-login__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;background:#FFFFFF;border:1px solid #E0E0E0;border-radius:8px;padding:16px;box-sizing:border-box}.page-login__logo-item:nth-child(5){grid-column:2}.page-login__logo-item:nth-child(6){grid-column:3}.page-login__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain}.page-login__logo-cta{padding:10px 22px;border-radius:8px;background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);color:#fff;font-weight:600;font-size:14px;text-decoration:none;transition:opacity 0.3s}.page-login__logo-cta:hover{opacity:0.9}.page-login__guide-section{width:100%;max-width:1200px;margin:0 auto;padding:40px 16px;background:#F5F7FA}.page-login__guide-section>h2{color:#333333;font-size:28px;font-weight:700;text-align:center;margin-bottom:12px}.page-login__guide-section>p{color:#333333;font-size:15px;text-align:center;max-width:800px;margin:0 auto 16px}.page-login__guide-intro p{color:#333333;font-size:15px;text-align:center;max-width:700px;margin:0 auto 32px}.page-login__guide-grid{display:grid;grid-template-columns:1fr;gap:16px}.page-login__guide-figure{background:#FFFFFF;border-radius:8px;border:1px solid #E0E0E0;margin:0;overflow:hidden}.page-login__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover}.page-login__guide-figure figcaption{color:#333333;font-size:14px;padding:12px;font-style:italic}.page-login__benefit-section{width:100%;max-width:1200px;margin:0 auto;padding:40px 16px}.page-login__benefit-section>h2{color:#333333;font-size:28px;text-align:center;margin-bottom:12px}.page-login__benefit-section>p{color:#333333;text-align:center;max-width:700px;margin:0 auto 32px}.page-login__benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.page-login__benefit-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:8px;padding:24px}.page-login__benefit-card h3{color:#E53935;font-size:18px;margin-bottom:8px}.page-login__benefit-card p{color:#333333;font-size:14px;margin:0;line-height:1.6}.page-login__faq-section{width:100%;max-width:1000px;margin:0 auto;padding:40px 16px}.page-login__faq-section>h2{color:#333333;font-size:28px;text-align:center;margin-bottom:24px}.page-login__faq-list{display:flex;flex-direction:column;gap:12px}.page-login__faq-list details{border:1px solid #E0E0E0;border-radius:8px;padding:16px 20px;background:#FFFFFF;cursor:pointer}.page-login__faq-list summary{list-style:none;font-weight:600;font-size:16px;color:#333333;cursor:pointer;padding-right:24px;position:relative}.page-login__faq-list details[open] summary{color:#E53935}.page-login__faq-list p{margin:12px 0 0;color:#333333;font-size:14px;line-height:1.6}.page-login__faq-icon{float:right;font-weight:700;font-size:20px;color:#E53935}.page-login__security-section{width:100%;max-width:1200px;margin:20px auto;padding:40px 16px;background:#FFFFFF;text-align:center}.page-login__security-section h2{color:#333333;font-size:28px;margin-bottom:20px}.page-login__security-section img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;height:auto;border-radius:8px;margin-bottom:24px}.page-login__security-section p{color:#333333;max-width:800px;margin:0 auto;line-height:1.7}.page-login__cta-final{background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);padding:60px 16px;text-align:center;width:100%}.page-login__cta-final h2{color:#ffffff;font-size:24px;margin-bottom:12px}.page-login__cta-final p{color:#ffffff;opacity:0.95;margin-bottom:24px}.page-login__cta-final .page-login__btn{background:#ffffff;color:#E53935}.page-login__cta-final .page-login__btn:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}@media (max-width: 768px){.page-login__hero-section{width:100%;max-width:100%;padding-top:8px}.page-login__hero-image-wrap{width:100%}.page-login__hero-image{aspect-ratio:2/1;width:100%;height:auto}.page-login__hero-content{padding:16px}.page-login__hero-content h1{font-size:22px}.page-login__hero-content p{font-size:14px}.page-login__hero-actions{flex-direction:column;align-items:stretch}.page-login__btn{width:100%;max-width:100%;box-sizing:border-box}.page-login__logo-section{padding:24px 12px;width:100%;max-width:100%}.page-login__logo-section h2{font-size:22px}.page-login__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.page-login__logo-item:nth-child(5),.page-login__logo-item:nth-child(6){grid-column:auto}.page-login__guide-section,.page-login__benefit-section,.page-login__faq-section,.page-login__security-section,.page-login__cta-final{padding:24px 12px;max-width:100%;box-sizing:border-box}.page-login__guide-section h2,.page-login__benefit-section>h2,.page-login__faq-section>h2,.page-login__security-section h2,.page-login__cta-final h2{font-size:20px}.page-login__benefit-grid{grid-template-columns:1fr}.page-login__cta-final h2{font-size:20px}.page-login img{max-width:100%;height:auto;width:auto}.page-login{max-width:100%;overflow-x:hidden}}