.page-login{background:#F4F7FB;color:#1F2D3D;font-family:Arial,Helvetica,sans-serif}.page-login__hero-section{max-width:1200px;margin:0 auto;padding-top:10px;padding-bottom:20px}.page-login__hero-image-wrapper{width:100%;margin-bottom:20px}.page-login__hero-image{width:100%;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;box-shadow:0 8px 24px rgba(47,107,255,0.15)}.page-login__hero-content{text-align:center;padding:0 16px}.page-login__hero-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:#1F2D3D;line-height:1.3;letter-spacing:-0.02em;margin:0 0 12px}.page-login__hero-description{font-size:1rem;line-height:1.7;max-width:680px;margin:0 auto 20px;color:#1F2D3D}.page-login__hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.page-login__btn{display:inline-block;padding:12px 28px;border-radius:50px;font-weight:700;text-decoration:none;font-size:1rem;border:2px solid transparent;transition:all 0.3s ease;text-align:center;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-login__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#ffffff;border-color:#2F6BFF}.page-login__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(47,107,255,0.35)}.page-login__btn--outline{background:transparent;color:#2F6BFF;border-color:#2F6BFF}.page-login__btn--outline:hover{background:#2F6BFF;color:#ffffff}.page-login__btn--secondary{background:transparent;color:#1F2D3D;border-color:#D6E2FF}.page-login__btn--secondary:hover{border-color:#2F6BFF;color:#2F6BFF}.page-login__login-guide-section{max-width:1200px;margin:0 auto;padding:40px 16px}.page-login__section-title{text-align:center;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:800;color:#1F2D3D;margin:0 0 8px}.page-login__section-intro{text-align:center;max-width:700px;margin:0 auto 32px;color:#1F2D3D;font-size:0.95rem;line-height:1.6}.page-login__login-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.page-login__login-step{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;padding:20px;text-align:center;position:relative}.page-login__step-number{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#ffffff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}.page-login__step-image{margin-bottom:12px}.page-login__step-image img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px;display:block}.page-login__step-title{font-size:15px;color:#1F2D3D;margin:0 0 8px;font-weight:800}.page-login__step-text{font-size:13px;line-height:1.6;color:#1F2D3D;margin:0}.page-login__benefits-section{max-width:1200px;margin:0 auto;padding:40px 16px}.page-login__benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.page-login__benefit-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;padding:24px 16px;text-align:center;transition:box-shadow 0.3s ease}.page-login__benefit-card:hover{box-shadow:0 8px 24px rgba(165,196,255,0.4)}.page-login__benefit-icon{margin-bottom:12px}.page-login__benefit-icon img{width:100%;max-width:200px;aspect-ratio:2/1;object-fit:contain;display:block;margin:0 auto}.page-login__benefit-title{font-size:16px;color:#1F2D3D;margin:0 0 8px;font-weight:800}.page-login__benefit-text{font-size:14px;line-height:1.6;color:#1F2D3D;margin:0}.page-login__security-section{display:flex;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:40px 16px;background:#FFFFFF;border-top:1px solid #D6E2FF;border-bottom:1px solid #D6E2FF}.page-login__security-image{flex:1}.page-login__security-image img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px;display:block}.page-login__security-content{flex:1}.page-login__security-title{font-size:clamp(1.2rem,2vw,1.5rem);color:#1F2D3D;margin:0 0 12px;font-weight:800}.page-login__security-text{font-size:14px;line-height:1.7;margin:0 0 16px;color:#1F2D3D}.page-login__security-list{list-style:none;padding:0;margin:0 0 20px}.page-login__security-list li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;color:#1F2D3D}.page-login__security-list li::before{content:"✔";color:#2F6BFF;position:absolute;left:0;font-weight:700}.page-login__promotion-section{max-width:1200px;margin:0 auto;padding:40px 16px}.page-login__promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.page-login__promo-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;overflow:hidden;padding-bottom:20px}.page-login__promo-card img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}.page-login__promo-title{font-size:16px;color:#1F2D3D;margin:16px 16px 8px;font-weight:800}.page-login__promo-text{font-size:14px;line-height:1.6;color:#1F2D3D;margin:0 16px}.page-login__faq-section{max-width:800px;margin:0 auto;padding:40px 16px}.page-login__faq-list{display:flex;flex-direction:column;gap:12px}.page-login__faq-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;overflow:hidden}.page-login__faq-question{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;font-weight:700;color:#1F2D3D;font-size:15px}.page-login__faq-question::-webkit-details-marker{display:none}.page-login__faq-toggle{font-size:1.5rem;color:#2F6BFF;font-weight:400;line-height:1}.page-login__faq-answer{padding:0 20px 16px;color:#1F2D3D;font-size:14px;line-height:1.7}.page-login__cta-section{max-width:1200px;margin:0 auto;padding:40px 16px;text-align:center}.page-login__cta-title{font-size:clamp(1.2rem,2vw,1.5rem);color:#1F2D3D;margin:0 0 12px;font-weight:800}.page-login__cta-text{font-size:14px;line-height:1.7;max-width:600px;margin:0 auto 24px;color:#1F2D3D}.page-login__cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}@media(max-width:1024px){.page-login__benefits-grid{grid-template-columns:repeat(2,1fr)}.page-login__login-steps{grid-template-columns:repeat(3,1fr);gap:16px}.page-login__security-section{flex-direction:column;gap:24px}}@media(max-width:768px){.page-login__hero-image{aspect-ratio:2/1}.page-login__login-steps{grid-template-columns:1fr}.page-login__benefits-grid{grid-template-columns:1fr}.page-login__promo-grid{grid-template-columns:1fr}.page-login__security-image img{max-width:100%!important;height:auto!important}.page-login img{max-width:100%!important;height:auto!important}.page-login__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;width:100%}.page-login__hero-actions{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-login__cta-actions{flex-direction:column;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-login__cta-actions .page-login__btn{width:100%}.page-login__hero-actions .page-login__btn{width:100%}.page-login__security-content{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}}