.page-login{background:var(--deep-navy);color:var(--text-main);overflow-x:hidden}.page-login__hero-section{padding-top:10px}.page-login__hero-image-container{width:100%}.page-login__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block}.page-login__hero-content{max-width:1200px;margin:0 auto;padding:20px 16px 10px;display:flex;flex-direction:column;align-items:center;gap:12px}.page-login__hero-title{font-size:clamp(1.4rem, 2.4vw, 1.8rem);line-height:1.4;font-weight:800;color:var(--text-main);text-align:center;max-width:1000px;margin:0}.page-login__hero-description{font-size:clamp(1rem, 1.2vw, 1.1rem);line-height:1.6;color:var(--text-secondary);text-align:center;max-width:900px;margin:0}.page-login__cta-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-login__btn{background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);color:#F3F8FF;padding:12px 24px;border-radius:50px;font-weight:600;text-decoration:none;border:none;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(47,66,238,0.15)}.page-login__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(47,166,238,0.3)}.page-login__btn--secondary{background:#244D84;border:1px solid #F2C14E;color:#F3F8FF}.page-login__btn--outline{background:transparent;border:1px solid #AFC4E8;color:#AFC4E8}.page-login__feature-section,.page-login__guide-section,.page-login__security-section,.page-login__benefit-section{padding:16px}.page-login__section-header{max-width:1200px;margin:0 auto 24px;text-align:center}.page-login__section-title{font-size:clamp(1.6rem, 2.4vw, 2.2rem);font-weight:800;color:var(--text-main);margin:8px 0 8px}.page-login__section-description{color:var(--text-secondary);font-size:1rem;max-width:800px;margin:0 auto}.page-login__feature-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;max-width:1200px;margin:0 auto}.page-login__feature-card,.page-login__security-item{background:#10233F;border:1px solid #244D84;border-radius:16px;padding:16px}.page-login__feature-title{color:var(--text-main);font-weight:700;margin-bottom:12px}.page-login__feature-text,.page-login__benefit-text,.page-login__security-text{color:var(--text-secondary);line-height:1.7;font-size:0.95rem;margin:0}.page-login__guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 16px 24px;max-width:1200px;margin:0 auto}.page-login__guide-item{margin:0}.page-login__guide-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px}.page-login__guide-figure-title{color:var(--text-main);text-align:center;margin-top:8px;font-weight:600}.page-login__guide-list{display:flex;flex-direction:column;gap:8px;justify-content:center}.page-login__guide-step{display:flex;gap:16px;align-items:center}.page-login__step-number{background:#F2C14E;color:#08162B;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;flex-shrink:0}.page-login__step-text{color:var(--text-secondary);line-height:1.5}.page-login__guide-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;padding:16px}.page-login__guide-cta-text{color:var(--text-secondary);margin:2px}.page-login__benefit-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1200px;margin:16px auto;padding:0 16px}.page-login__benefit-title{color:#F2C14E;font-weight:700}.page-login__benefit-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px}.page-login__security-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;max-width:1200px;margin:0 auto}.page-login__security-heading{color:var(--text-main);font-size:1rem;font-weight:700;margin-bottom:8px}.page-login__offer-section{padding:4px 0 16px}.page-login__offer-box{background-image:linear-gradient(135deg,#113B7A,#1D5FD1);border:1px solid #244D84;border-radius:24px;max-width:1200px;margin:0 auto;padding:24px;display:flex;flex-wrap:wrap;gap:16px}.page-login__offer-title{color:#F2C14E;font-weight:800;font-size:2rem;width:100%;margin:0}.page-login__offer-text{width:100%;margin:0;color:#D0DDE7}.page-login__logo-grid-wrapper{padding:16px}.page-login__logo-grid-title{text-align:center;margin-bottom:16px;font-size:1.2rem;color:var(--text-main)}.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:nth-child(5){grid-column:2}.page-login__logo-item:nth-child(6){grid-column:3}.page-login__logo-image{width:100%;max-width:220px;aspect-ratio:2/1;object-fit:contain}.page-login__faq-section{padding:24px 16px;max-width:1000px;margin:0 auto}.page-login__faq-list{display:flex;flex-direction:column;gap:0}.page-login__faq-item{background:#10233F;margin-bottom:8px;padding:16px;border:1px solid #244D84;border-radius:12px}.page-login__faq-question{cursor:pointer;font-weight:700;color:var(--text-main);font-size:1.2em;list-style:none}.page-login__faq-question::-webkit-details-marker{display:none}.page-login__faq-answer{margin-top:12px;color:var(--text-secondary)}.page-login__faq-text{margin:0}.page-login__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px}.page-login__logo-cta{padding:10px 22px;border-radius:999px;background:#0477db;color:#fff;font-weight:700;text-decoration:none}@media(max-width:768px){.page-login__hero-icon-container{min-height:auto}.page-login__hero-icon{max-width:100%;height:auto}.page-login__hero-badge{font-size:0.9rem;padding:3px 8px}.page-login__hero-badge span{font-size:1.1rem}.page-login__hero-badge strong{font-size:1.2rem}.page-login__hero-title{font-size:1.5rem;padding-left:16px;padding-right:16px}.page-login__hero-subtitle{font-size:1.1rem;padding-left:16px;padding-right:16px}.page-login__hero-image{aspect-ratio:2/1}.page-login__icon-highlight{margin-top:8px}.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__logo-grid{padding-left:8px;padding-right:8px}.page-login__logo-container{width:100%;max-width:100%;min-width:auto}.page-login__logo-title{font-size:1rem}.page-login__logo-badge{font-size:0.75rem}.page-login__logo-badge-2{font-size:0.9rem}.page-login img{max-width:100%!important;height:auto!important}}