.page-login{color:#F3F8FF;background-color:#fff;font-family:'Segoe UI',Arial,sans-serif;overflow-x:hidden}.page-login img{max-width:100%;height:auto}.page-login__hero-section{padding:10px 16px 0;background:linear-gradient(180deg,#0A1A33 0%,#10233F 100%)}.page-login__hero-image-wrapper{margin:0 auto;max-width:1200px;width:100%}.page-login__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3)}.page-login__hero-content{text-align:center;padding:24px 12px;max-width:900px;margin:0 auto}.page-login__hero-title{color:#F3F8FF;font-weight:800;line-height:1.3;letter-spacing:.5px;max-width:800px;margin:0 auto 16px;font-size:clamp(1.5rem,3vw,2.2rem)}.page-login__hero-description{color:#AFC4E8;font-size:1.05rem;line-height:1.6;max-width:700px;margin:0 auto 24px}.page-login__hero-actions{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-login__btn{display:inline-block;padding:14px 28px;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;white-space:normal;word-wrap:break-word;max-width:100%;box-sizing:border-box;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.page-login__btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.25)}.page-login__btn-primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#F3F8FF;border-color:#1D5FD1}.page-login__btn-secondary{background:transparent;color:#F3F8FF;border-color:#244D84}.page-login__btn-secondary:hover{background:rgba(79,168,255,.15);border-color:#4FA8FF}.page-login__btn-large{padding:16px 32px;font-size:1.1rem}.page-login__feature-section,.page-login__guide-section,.page-login__troubleshoot-section,.page-login__security-section,.page-login__faq-section{background-color:#08162B;padding:48px 16px}.page-login__feature-title,.page-login__guide-title,.page-login__troubleshoot-title,.page-login__security-title,.page-login__faq-title{color:#F3F8FF;font-size:clamp(1.4rem,2.5vw,2rem);text-align:center;margin-bottom:16px;font-weight:700}.page-login__feature-title span,.page-login__guide-title span,.page-login__troubleshoot-title span,.page-login__security-title span,.page-login__faq-title span{color:#4FA8FF}.page-login__feature-intro,.page-login__guide-intro,.page-login__troubleshoot-intro,.page-login__security-intro,.page-login__faq-intro{color:#AFC4E8;text-align:center;font-size:1.1rem;max-width:900px;line-height:1.6;margin:0 auto 30px}.page-login__feature-grid,.page-login__guide-grid,.page-login__troubleshoot-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-login__feature-card,.page-login__troubleshoot-card{background-color:#10233F;border:1px solid #244D84;border-radius:12px;padding:20px;text-align:center;margin:0;overflow:hidden}.page-login__feature-image{width:100%;max-width:400px;margin:0 auto 16px;aspect-ratio:2/1;object-fit:cover;border-radius:8px}.page-login__feature-card-title,.page-login__troubleshoot-card-title{color:#F2C14E;font-size:1.2rem;margin-bottom:12px}.page-login__feature-card-text,.page-login__troubleshoot-card-text{color:#AFC4E8;font-size:.95rem;line-height:1.5;margin:0}.page-login__guide-section{background-color:#08162B;border-top:1px solid #1B3357}.page-login__guide-grid{display:flex;flex-direction:column;gap:24px}.page-login__guide-step{display:flex;align-items:center;gap:20px;background-color:#fff;border:1px solid #1B3357;border-radius:12px;margin:0;overflow:hidden}.page-login__guide-step:nth-child(2){background-color:#f3f8ff}.page-login__guide-step:nth-child(3){background-color:#F3F8FF}.page-login__guide-figure{flex:1;max-width:400px;padding:12px;box-sizing:border-box}.page-login__guide-image{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px;display:block}.page-login__guide-content{flex:1.2;padding:12px;color:#08162B;box-sizing:border-box}.page-login__guide-number{display:inline-block;font-size:2.5rem;font-weight:900;color:#2B73F6;line-height:1;margin-bottom:8px}.page-login__guide-step-title{color:#113B7A;font-size:1.2rem;margin:8px 0;font-weight:800;border-bottom:2px solid #1D5FD1;display:inline-block;padding-bottom:4px}.page-login__guide-step-text{color:#1B3357;font-size:.95rem;line-height:1.5;margin:0}.page-login__guide-cta{text-align:center;margin-top:24px;background-color:#10233F;border:1px solid #244D84;border-radius:12px;padding:24px;box-sizing:border-box}.page-login__guide-text{color:#F3F8FF;font-size:1.05rem;margin-bottom:16px}.page-login__troubleshoot-grid{grid-template-columns:repeat(2,1fr)}.page-login__troubleshoot-card{text-align:left}.page-login__troubleshoot-card-title{color:#F2C14E;font-size:1.1rem;margin-bottom:12px}.page-login__security-section,.page-login__faq-section{background-color:#10233F}.page-login__security-list{max-width:900px;margin:0 auto;padding:0;list-style:none}.page-login__security-item{display:flex;align-items:center;gap:12px;padding:12px 8px;background-color:#08162B;border:1px solid #244D84;border-radius:8px;margin-bottom:12px;color:#F3F8FF;line-height:1.4}.page-login__security-icon{color:#F2C14E;font-weight:700;font-size:1.2rem}.page-login__faq-list{max-width:900px;margin:0 auto}.page-login__faq-item{background-color:#08162B;border:1px solid #244D84;border-radius:8px;margin-bottom:12px;overflow:hidden;color:#F3F8FF}.page-login__faq-question{display:flex;align-items:center;gap:8px;padding:16px;cursor:pointer;font-weight:600;color:#F3F8FF;list-style:none;margin:0}.page-login__faq-question::-webkit-details-marker{display:none}.page-login__faq-toggle{color:#F2C14E;font-size:1.2rem;font-weight:700;width:24px;text-align:center;flex-shrink:0}.page-login__faq-answer{color:#AFC4E8;padding:8px 16px 16px 48px;line-height:1.5;border-top:1px solid #1B3357}.page-login__btn-secondary{background:transparent;color:#F3F8FF;border:2px solid #4FA8FF}.page-login__btn-secondary:hover{background:#4FA8FF;color:#10233F}.page-login__btn-large{display:inline-block;min-width:220px}@media (max-width:1024px){.page-login__hero-section{padding:10px 12px 0}.page-login__feature-grid{grid-template-columns:repeat(2,1fr);gap:20px}.page-login__troubleshoot-grid{grid-template-columns:repeat(2,1fr)}.page-login__guide-cta{padding:20px}}@media (max-width:768px){.page-login{padding:0}.page-login__hero-section{background:linear-gradient(180deg,#0A1A33 0%,#10233F 100%);padding:10px 8px 0}.page-login__hero-image-wrapper{max-width:100%;width:100%}.page-login__hero-image{aspect-ratio:2/1;border-radius:8px}.page-login__hero-content{padding:16px 4px}.page-login__hero-title{color:#F3F8FF;font-size:clamp(1.2rem,3vw,1.6rem);line-height:1.3;margin-bottom:12px}.page-login__hero-description{color:#AFC4E8;font-size:.95rem;line-height:1.4;margin-bottom:16px}.page-login__hero-actions{display:flex;flex-direction:column;gap:8px}.page-login__btn,.page-login__btn-primary,.page-login__btn-secondary{font-size:.9rem;padding:12px 20px}.page-login__btn-secondary{color:#F3F8FF;border-color:#244D84;background:rgba(0,0,0,.2)}.page-login__feature-section,.page-login__guide-section,.page-login__troubleshoot-section,.page-login__security-section,.page-login__faq-section{padding:32px 8px}.page-login__feature-title,.page-login__guide-title,.page-login__troubleshoot-title,.page-login__security-title,.page-login__faq-title{font-size:clamp(1.2rem,3vw,1.6rem)}.page-login__feature-intro,.page-login__guide-intro,.page-login__troubleshoot-intro,.page-login__security-intro,.page-login__faq-intro{font-size:1rem;margin-bottom:16px}.page-login__feature-grid,.page-login__troubleshoot-grid{grid-template-columns:1fr;gap:12px}.page-login__feature-card,.page-login__troubleshoot-card{padding:12px}.page-login__feature-card-text,.page-login__troubleshoot-card-text{font-size:.9rem}.page-login__guide-grid{display:flex;flex-direction:column;gap:12px}.page-login__guide-step{width:100%;margin:0;display:block;max-width:100%}.page-login__guide-figure{flex:1;min-width:100%;max-width:100%;padding:8px;box-sizing:border-box}.page-login__guide-content,.page-login__guide-step{background-color:#08162B!important;text-align:left}.page-login__guide-content{color:#F3F8FF;padding:8px 8px 16px;flex-basis:auto}.page-login__guide-number{color:#4FA8FF}.page-login__guide-step-title{color:#F2C14E;border-bottom-color:#F2C14E}.page-login__guide-step-text{color:#AFC4E8;font-size:.9rem}.page-login__guide-cta{padding:20px 12px;margin-top:16px}.page-login__btn-large{display:block;width:100%;min-width:100%;font-size:1rem}.page-login__security-item,.page-login__faq-answer{color:#AFC4E8}.page-login__security-item{padding:12px;align-items:flex-start}.page-login__faq-question{padding:12px}.page-login__faq-answer{padding:0 12px 12px}.page-login img{max-width:100%!important;height:auto!important}.page-login__btn,.page-login__btn-primary,.page-login__btn-secondary,.page-login__btn-large{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-login__hero-actions,.page-login__guide-cta,.page-login__btn{width:100%;max-width:none;overflow:hidden;box-sizing:border-box}}