.page-login{color:#333;font-family:inherit}.page-login__hero-section{background:linear-gradient(135deg,#ffffff 0%,#e0f2fe 100%);display:flex;flex-direction:column;align-items:center;padding:10px 16px 0}.page-login__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto}.page-login__hero-banner{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08)}.page-login__hero-content{text-align:center;max-width:840px;padding:20px 0 24px}.page-login__main-title{font-weight:800;line-height:1.25;letter-spacing:.3px;color:#0b3f5c;margin:0 0 12px;max-width:760px;margin-left:auto;margin-right:auto}.page-login__intro{font-size:1.05rem;line-height:1.7;color:#333;margin:0 auto 18px;max-width:640px}.page-login__cta-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.page-login__btn-login,.page-login__btn-register,.page-login__btn-download{display:inline-block;padding:12px 26px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;font-size:1rem;line-height:1.4} .page-login__btn-login{background:#EA7C07;color:#ffffff;box-shadow:0 4px 12px rgba(234,124,7,.3)}.page-login__btn-register{background:#26A9E0;color:#fff;box-shadow:0 4px 12px rgba(38,169,224,.25)}.page-login__btn-download{background:#0b3f5c;color:#fff;box-shadow:0 4px 12px rgba(11,63,92,.25)}.page-login__btn-login:hover,.page-login__btn-register:hover,.page-login__btn-download:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.page-login__feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:32px 0;list-style:none} .page-login__feature-box{background:#f9fbff;border:1px solid #e2edf7;border-radius:14px;padding:26px 22px;height:100%;box-sizing:border-box}.page-login__feature-icon{width:44px;height:44px;color:#26A9E0}.page-login__feature-title{font-size:1.4rem;color:#0b3f5c;margin:12px 0 10px;font-weight:700}.page-login__feature-text{color:#444;line-height:1.7;margin:10px 0 0}.page-login__platform-section{background:#0b3f5c;padding:44px clamp(16px,4vw,48px)}.page-login__platform-inner{max-width:1200px;margin:0 auto}.page-login__platform-heading{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;line-height:1.3;margin:0 0 8px;text-align:center}.page-login__platform-sub{color:#b8ddf5;text-align:center;font-size:1.1rem;margin:0 0 30px}.page-login__platform-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 20px;justify-items:center} .page-login__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%;box-sizing:border-box}.page-login__logo-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;background:#fff;padding:8px;border-radius:10px;box-sizing:border-box}.page-login__logo-cta{display:inline-block;padding:10px 24px;border-radius:999px;background:#fff;color:#0b3f5c;font-weight:700;text-decoration:none;transition:background .3s ease,color .3s ease}.page-login__logo-cta:hover{background:#26A9E0;color:#fff}.page-login__logo-item:nth-child(5){grid-column:2}.page-login__logo-item:nth-child(6){grid-column:3} .page-login__login-guide{background:#f4f9fe}.page-login__guide-inner{max-width:960px;margin:0 auto;padding:24px clamp(16px,4vw,48px) 32px}.page-login__guide-title{text-align:center;color:#0b3f5c;font-weight:800;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.3;margin:0 0 6px}.page-login__guide-sub{text-align:center;color:#333;font-size:1.05rem;margin:0 0 28px}.page-login__guide-step{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin:0 auto 28px;padding:16px;background:#fff;border-radius:14px;border:1px solid #dcebf7;box-sizing:border-box} .page-login__guide-figure{flex:1 1 42%;max-width:440px;min-width:0}.page-login__guide-image{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:10px}.page-login__guide-content{flex:1 1 58%;min-width:0}.page-login__page-login .page-login__guide-content h3,.page-login__guide-content h3{color:#0b3f5c;font-weight:800;font-size:1.3rem;line-height:1.3;margin:0 0 10px}.page-login__guide-content p{color:#444;line-height:1.7;margin:0 0 10px}.page-login__security-tips{background:#f9fbff}.page-login__tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px} .page-login__tip-card{background:#ffffff;border:1px solid #dfebf7;border-radius:12px;padding:20px;box-sizing:border-box}.page-login__tip-title{color:#0b3f5c;font-weight:700;margin-bottom:8px;font-size:1.2rem}.page-login__tip-text{color:#333;line-height:1.65;margin:0} .page-login__tip-card--cta{background:linear-gradient(135deg,#ffffff,#e3f2fd);border:1px solid #b3d9f2;display:flex;flex-direction:column;gap:16px;justify-content:center}.page-login__tip-card--cta .page-login__btn-register{align-self:flex-start} @media (max-width:768px){.page-login__hero-image-wrap{padding:0}.page-login__hero-banner{aspect-ratio:2/1;max-width:100%}.page-login__hero-content{padding-top:16px}.page-login__cta-group{flex-direction:column;align-items:stretch}.page-login__btn-login,.page-login__btn-register,.page-login__btn-download{width:100%;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word;text-align:center}.page-login__feature-grid{grid-template-columns:1fr}.page-login__feature-box{padding:20px 18px}.page-login__platform-logos{grid-template-columns:repeat(2,1fr);gap:16px}.page-login__logo-item:nth-child(5),.page-login__logo-item:nth-child(6){grid-column:auto}.page-login__logo-image{max-width:100%}.page-login__guide-step{flex-direction:column}.page-login__guide-figure{width:100%;max-width:none;flex:none}.page-login__guide-image{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:2/1;object-fit:cover}.page-login__guide-content{width:100%;flex:none}.page-login__tips-grid{grid-template-columns:1fr}.page-login img{max-width:100%!important;height:auto!important}}