.page-login{display:flex;flex-direction:column;align-items:center;max-width:100%;margin:0 auto;font-family:Ubuntu,Roboto,Helvetica,Arial,sans-serif;background-color:#ffffff;color:#333333}.page-login__hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;gap:20px;padding:10px 16px 30px;background-color:#ffffff}.page-login__hero-image{width:100%;display:flex;justify-content:center}.page-login__hero-image img{width:100%;max-width:1020px;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:12px;display:block}.page-login__hero-content{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:900px;text-align:center}.page-login__main-title{font-weight:700;line-height:1.25;letter-spacing:-0.01em;color:#017439;max-width:800px;margin:0}.page-login__hero-subtitle{font-size:1.1rem;line-height:1.6;color:#444444;max-width:800px;margin:0}.page-login__btn-group{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}.page-login__btn-dangnhap,.page-login__btn-dangky,.page-login__btn-promo,.page-login__btn-download{display:inline-block;padding:13px 38px;border-radius:8px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word;text-align:center}.page-login__btn-dangnhap{background-color:#C30808;color:#ffff00}.page-login__btn-dangky{background-color:#C30808;color:#ffff00;border:2px solid #C30808}.page-login__btn-download{background-color:#C30808;color:#ffff00}.page-login__btn-promo{background-color:#C30808;color:#ffff00}.page-login__feature-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;padding:24px 16px 44px;width:100%;max-width:1200px;box-sizing:border-box}.page-login__feature-item{display:flex;flex-direction:column;gap:14px;width:100%;max-width:560px;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:0 0 24px}.page-login__feature-image{width:100%;overflow:hidden}.page-login__feature-image img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:12px 12px 0 0}.page-login__feature-title{font-size:1.14rem;font-weight:700;color:#017439;padding:0 18px;margin:0;line-height:1.3}.page-login__feature-text{font-size:1rem;color:#333333;line-height:1.5;padding:0 18px;margin:0;font-weight:400}.page-login__btn-center{display:flex;flex-wrap:wrap;gap:10px;align-items:center;align-content:center;justify-content:center;padding:8px 18px 0}.page-login__btn-secondary{display:inline-block;padding:12px 24px;border-radius:8px;background-color:#f8fafc;color:#333333;text-decoration:none;font-weight:600;border:1px solid #d1d5db;transition:background .2s,border-color .2s;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word;text-align:center}.page-login__btn-secondary:hover{border-color:#017439;background:#f0fdf4}.page-login__btn-dangnhap:hover,.page-login__btn-dangky:hover,.page-login__btn-promo:hover,.page-login__btn-download:hover{transform:translateY(-2px);box-shadow:0 10px 16px rgba(0,0,0,.08)}.page-login__guide-section{width:100%;background-color:#f8fafc;padding:20px 16px 70px}.page-login__guide-inner{max-width:1000px;margin:0 auto}.page-login__guide-title{text-align:center;color:#017439;font-size:1.7rem;line-height:1.4;font-weight:700;letter-spacing:-.01em;margin:0}.page-login__guide-subtitle{text-align:center;color:#555555;font-size:1.05rem;line-height:1.6;margin:8px auto 28px;max-width:800px}.page-login__guide-step{display:flex;flex-direction:row;gap:24px;align-items:center;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:0px;padding:24px;margin-bottom:18px;box-sizing:border-box}.page-login__guide-step-reverse{flex-direction:row-reverse}.page-login__guide-image{width:42%;flex-shrink:0}.page-login__guide-image img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px;display:block}.page-login__guide-step-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.page-login__guide-step-title{color:#017439;font-weight:700;font-size:1.25rem;margin:0;text-align:center}.page-login__guide-step-text{color:#333333;line-height:1.6;font-size:1rem;margin:0;text-align:center}.page-login__guide-step-content .page-login__btn-secondary{background-color:#C30808;color:#ffff00;border:none;border-radius:6px;font-weight:600;box-shadow:0 4px 6px rgba(0,0,0,.08)}.page-login__guide-step-content .page-login__btn-secondary:hover{box-shadow:0 8px 15px rgba(0,0,0,.15);transform:translateY(-2px)}.page-login__guide-step-content .page-login__btn-secondary:last-child{background-color:#017439}.page-login__faq-item{border:1px solid #eaeaea;border-radius:10px;margin-top:14px;background-color:#f9f9f9;overflow:hidden}.page-login__faq-question{display:flex;gap:8px;align-items:flex-start;justify-content:flex-start;cursor:pointer;padding:14px 14px;font-weight:600;list-style:none}.page-login__faq-question::-webkit-details-marker{display:none}.page-login__faq-question+.page-login__faq-answer{padding:0 18px 16px 42px}.page-login__faq-question .page-login__faq-icon{color:#017439;font-weight:700;font-size:1.25rem}.page-login__faq-answer p{font-size:1rem;color:#444;line-height:1.55}.page-login__faq-answer a{color:#0477db}.page-login__faq-item[open] .page-login__faq-question .page-login__faq-icon{color:#C30808}@media (max-width:1024px){.page-login__hero-section{padding:10px 16px 24px}.page-login__hero-content{gap:10px}.page-login__btn-group{flex-direction:column;gap:10px}.page-login__feature-grid{max-width:700px}.page-login__guide-step{flex-direction:column}.page-login__guide-image{width:100%;max-width:650px}.page-login__guide-step-reverse{flex-direction:column}.page-login__guide-step-content{width:100%}}@media (max-width:768px){.page-login{padding-top:0;margin-top:0}.page-login__hero-section{flex-direction:column;align-items:center}.page-login__hero-content h1{font-size:1.4rem}.page-login__hero-image img{max-width:100%!important;height:auto!important;aspect-ratio:16/8}.page-login__btn-dangnhap,.page-login__btn-dangky,.page-login__btn-promo,.page-login__btn-download,.page-login__btn-secondary{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:12px 14px;font-size:1.05rem}.page-login__btn-center{width:100%;max-width:100%;flex-direction:column;align-items:stretch}.page-login__feature-item{width:100%}.page-login__feature-image img,.page-login__guide-image img{max-width:100%!important;height:auto!important}.page-login__guide-title{font-size:1.3rem;padding-top:12px}.page-login__guide-subtitle{padding-bottom:0;text-align:center}.page-login img{max-width:100%!important;height:auto!important}.page-login__btn-center .page-login__btn-secondary{text-align:center}.page-login__guide-step{padding:14px}}