.page-login{color:#FFF3E6;background-color:#0D0E12;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.page-login__container{max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box}.page-login__hero-section{padding-top:16px}.page-login__hero-image-wrapper{width:100%;margin:0 auto;display:flex;justify-content:center}.page-login__hero-image{display:block;width:100%;height:auto;max-width:1020px;aspect-ratio:17/5;object-fit:cover;border-radius:24px;box-shadow:0 8px 32px rgba(255,176,77,0.15)}.page-login__hero-content{max-width:1020px;margin:24px auto 0;text-align:center}.page-login__hero-title{color:#FFF3E6;font-weight:800;line-height:1.25;letter-spacing:0.5px;margin-bottom:16px;font-size:clamp(1.6rem, 3vw, 2.4rem)}.page-login__hero-description{color:#f0e0d0;max-width:800px;margin:0 auto 24px;font-size:1.1rem}.page-login__hero-actions,.page-login__cta-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.page-login__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease;font-size:1rem;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}.page-login__btn--primary{background:linear-gradient(180deg, #FFA53A 0%, #D96800 100%);color:#141414;box-shadow:0 4px 18px rgba(255,140,26,0.3)}.page-login__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(255,176,77,0.5)}.page-login__btn--secondary{background:#17191F;color:#FFF3E6;border:2px solid #A84F0C}.page-login__btn--secondary:hover{background:#1e2028}.page-login__features-section,.page-login__troubleshooting-section,.page-login__faq-section{padding:48px 0}.page-login__section-title{color:#FFF3E6;font-size:clamp(1.5rem, 2.5vw, 2rem);text-align:center;margin-bottom:32px;font-weight:700;letter-spacing:0.5px}.page-login__features-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}.page-login__feature-card{background-color:#17191F;border:1px solid #A84F0C;border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.page-login__feature-image{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px;margin-bottom:16px;display:block}.page-login__feature-title{color:#FFA53A;font-size:1.25rem;margin-bottom:8px}.page-login__feature-text{color:#e8e8e8;font-size:0.95rem}.page-login__guide-section{padding:48px 0;background-color:#f5f5f5;border-radius:24px;margin-left:8px;margin-right:8px}.page-login__guide-list{list-style:none;padding:0;margin:0;max-width:1000px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:24px}.page-login__guide-item{background-color:#17191F;border:1px solid #A84F0C;border-radius:16px;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;box-sizing:border-box}.page-login__guide-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}.page-login__guide-content{padding:20px;display:flex;flex-direction:column;justify-content:center;flex:1;box-sizing:border-box}.page-login__guide-title{color:#FFA53A;font-size:1.35rem;margin-bottom:8px}.page-login__guide-text{color:#e0e0e0}.page-login__troubleshooting-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px}.page-login__troubleshooting-card{background-color:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:20px;box-sizing:border-box}.page-login__troubleshooting-title{color:#FFA53A;font-size:1.15rem;margin-bottom:8px}.page-login__troubleshooting-text{color:#e0e0e0}.page-login__security-section{padding:48px 0}.page-login__security-container{display:flex;flex-direction:row;align-items:center;gap:24px;background-color:#17191F;border-radius:16px;padding:20px}.page-login__security-image{width:100%;max-width:400px;height:auto;object-fit:cover;border-radius:12px;flex-shrink:0;display:block}.page-login__security-content{flex:1}.page-login__security-title{color:#FFA53A;font-size:clamp(1.3rem, 2vw, 1.8rem);margin-bottom:12px}.page-login__security-text{color:#e0e0e0}.page-login__faq-section{background-color:#f5f5f5;border-radius:24px;padding:48px 8px;margin-left:8px;margin-right:8px}.page-login__faq-item{background-color:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:16px;margin-bottom:12px;box-sizing:border-box}.page-login__faq-question{color:#FFF3E6;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;font-size:1.1rem}.page-login__faq-question::-webkit-details-marker{display:none}.page-login__faq-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(180deg, #FFA53A 0%, #D96800 100%);color:#141414;border-radius:50%;font-weight:bold;flex-shrink:0;transition:transform 0.2s ease}details[open] .page-login__faq-icon{transform:rotate(45deg)}.page-login__faq-answer{color:#e0e0e0;padding:16px 0 0;margin-top:12px;border-top:1px solid #A84F0C}.page-login__cta-section{padding:40px 8px 56px;background-color:#17191F;margin:0 8px 16px;border-radius:24px;text-align:center}.page-login__cta-title{color:#FFA53A;font-size:clamp(1.6rem, 2.5vw, 2.2rem);margin-bottom:16px}.page-login__cta-description{color:#e0e0e0;max-width:600px;margin:0 auto 24px}@media (max-width:768px){.page-login__hero-section{padding-top:12px}.page-login__hero-image{aspect-ratio:2/1}.page-login__features-grid{grid-template-columns:1fr}.page-login__guide-item{flex-direction:column}.page-login__troubleshooting-grid{grid-template-columns:1fr}.page-login__security-container{flex-direction:column}.page-login__security-image,.page-login__guide-image{max-width:100%}.page-login__btn{width:100%;max-width:100%}.page-login__hero-actions,.page-login__cta-actions{width:100%;max-width:100%;overflow:hidden}.page-login img{max-width:100%!important;height:auto!important}}@media (max-width:1024px){.page-login__container{max-width:100%}.page-login__features-grid{grid-template-columns:repeat(2,1fr)}}