.page-login{display:block;width:100%;max-width:100%;background:#08160F;color:#F2FFF6;line-height:1.7;margin:0;padding:0;font-size:16px}.page-login__hero-section{display:flex;flex-direction:column;padding-top:10px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;background:#08160F}.page-login__hero-image-wrapper{display:block;width:100%}.page-login__hero-image{display:block;width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover}.page-login__hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px 16px 16px}.page-login__hero-content h1{font-weight:800;line-height:1.3;letter-spacing:0;max-width:1000px;margin:0 0 12px;color:#F2FFF6}.page-login__hero-description{color:#A7D9B8;font-size:1.05rem;max-width:700px;margin:0 auto 28px;line-height:1.7}.page-login__hero-button-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-login__primary-button,.page-login__secondary-button{display:inline-block;padding:12px 30px;border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;border:none;text-align:center;white-space:normal;word-wrap:break-word;box-sizing:border-box}.page-login__primary-button{background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#fff}.page-login__secondary-button{background:transparent;border:2px solid #2E7A4E;color:#F2FFF6}.page-login__section-subtitle{color:#A7D9B8;font-size:1rem;max-width:800px;margin:10px auto 0;text-align:center;line-height:1.7}.page-login__quick-links-section{background:#08160F;padding:20px 16px 36px;text-align:center}.page-login__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:24px auto 0;padding:0}.page-login__logo-item{background:#11271B;border:1px solid #2E7A4E;border-radius:10px;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:100%;overflow:hidden}.page-login__logo-item a{word-break:break-word}.page-login__logo-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;margin-bottom:16px;border-radius:4px}.page-login__logo-item .page-login__logo-cta{display:inline-block;padding:10px 22px;border-radius:999px;background:linear-gradient(135deg,#11A84E,#22C768);color:#fff;font-weight:700;text-decoration:none;font-size:1rem;max-width:100%;white-space:normal;word-wrap:break-word;text-align:center}.page-login__logo-item:nth-child(5){grid-column:2}.page-login__logo-item:nth-child(6){grid-column:3}.page-login__guide-section{background:#08160F;padding:10px 0}.page-login__guide-inner{max-width:1000px;margin:0 auto;padding:16px 16px 36px}.page-login__guide-figure{margin:24px 0}.page-login__guide-figure img{width:100%;max-width:800px;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:8px}.page-login__guide-figure figcaption{font-style:italic;color:#A7D9B8;text-align:center;margin-top:8px}.page-login__faq-details{margin-bottom:12px;width:100%;background:#08160F}.page-login__faq-summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:16px;background-color:#11271B;border:1px solid #2E7A4E;border-radius:8px;transition:background .3s;color:#F2FFF6}.page-login__faq-summary:hover{background-color:#0A4B2C}.page-login__faq-summary::-webkit-details-marker{display:none}.page-login__faq-summary .page-login__faq-icon{font-weight:700;font-size:1.2rem;color:#F2C14E;margin-left:10px}.page-login__faq-summary span:first-child{color:#F2FFF6}.page-login__faq-answer{padding:16px;background-color:#11271B;border:1px solid #2E7A4E;border-top:0;border-radius:0 0 8px 8px;color:#A7D9B8}.page-login__faq-answer p{margin:0}.page-login__guide-button-wrap{display:flex;justify-content:center;padding:20px 0;gap:12px;flex-wrap:wrap}.page-login__features-section{padding:20px 16px 28px}.page-login__features-inner{max-width:1000px;margin:0 auto}.page-login__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.page-login__features-grid h2{text-align:center;margin-top:0}.page-login__feature-card{background:#11271B;border:1px solid #2E7A4E;border-radius:10px;padding:20px}.page-login__feature-card h3{color:#F2C14E;margin-bottom:8px;margin-top:0}.page-login__feature-card p{color:#A7D9B8}.page-login__support-section{padding:32px 16px;background:#0A4B2C}.page-login__support-card{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;background:transparent}.page-login__support-card h2,.page-login__support-card p{color:#F2FFF6}.page-login__support-card h2{margin-bottom:0}.page-login__support-card p{color:#A7D9B8}.page-login__support-actions{display:flex;flex-wrap:wrap;gap:12px}.page-login__support-actions a{display:inline-block;padding:12px 24px;border-radius:999px;text-decoration:none;background:#F2C14E;color:#0A4B2C;font-weight:600;border:1px solid #F2C14E}.page-login__support-actions .page-login__support-link--khuyen-mai{background:transparent;border:1px solid #F2C14E;color:#F2C14E}.page-login__support-actions .support-link{background:transparent;border:1px solid #F2C14E;color:#F2C14E}.page-login__faq-section{background:#08160F;padding:32px 16px}.page-login__faq-card{max-width:1000px;margin:0 auto}.page-login__faq-card h2{color:#F2FFF6;text-align:center}.page-login__faq-footer{display:flex;justify-content:center;margin-top:20px}.page-login__final-cta-section{background:#08160F;padding:20px 16px 40px}.page-login__final-cta-card{display:flex;flex-direction:column;justify-content:center;background-color:transparent;color:#F2FFF6;text-align:center}.page-login__final-cta-description{color:#A7D9B8;max-width:600px;margin:10px auto}.page-login__final-cta-description{line-height:1.6;text-align:center;color:#A7D9B8}.page-login__final-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:24px}.page-login__final-cta-section .page-login__primary-button,.page-login__final-cta-section .page-login__secondary-button{max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:break-word}.page-login__guide-button-wrap .page-login__primary-button,.page-login__guide-button-wrap .page-login__secondary-button{max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:break-word}.page-login__features-section h2,.page-login__faq-card h2,.page-login__final-cta-card h2,.page-login__quick-links-section>h2{color:#F2FFF6}.page-login__features-section h2,.page-login__faq-card>h2,.page-login__quick-links-section>h2{font-weight:600;font-size:1.8rem;margin:0 0 8px}@media (max-width: 768px){.page-login__hero-section{padding-top:10px;flex-direction:column;height:auto}.page-login__hero-image{aspect-ratio:2/1;max-width:100%}.page-login__logo-grid{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__guide-figure{margin-top:20px}.page-login__guide-figure img{max-width:100%;height:auto!important}.page-login__guide-inner,.page-login__features-inner,.page-login__faq-card,.page-login__support-card{width:auto}.page-login__features-grid{grid-template-columns:1fr}.page-login__logo-item{width:auto}.page-login img{max-width:100%!important;height:auto!important}.page-login__logo-item .page-login__logo-cta{max-width:100%;white-space:normal;display:inline-block}.page-login__faq-icons p,.page-login__faq-answer p{text-align:left}.page-login h1{font-size:1.7rem}.page-login__hero-content h1{font-size:1.7rem}.page-login__features-section h2{font-size:1.4rem}.page-login__faq-card>h2{font-size:1.4rem}.page-login h2{font-size:1.4rem}.page-login__final-cta-actions .page-login__secondary-button{margin:0}.page-login__support-actions{flex-direction:column;gap:16px}.page-login__support-actions a{text-align:center}}@media (max-width:1024px){.page-login__hero-section{max-width:1024px}.page-login__logo-grid{grid-template-columns:repeat(3,1fr)}.page-login__logo-item:nth-child(5){grid-column:auto}.page-login__logo-item:nth-child(6){grid-column:auto}}