.page-lo-de{color:#FFF1E8;background-color:#140C0C}
.page-lo-de__hero-section{padding:10px 12px 12px;max-width:1400px;margin:0 auto}
.page-lo-de__hero-image{width:100%;margin-bottom:16px}
.page-lo-de__hero-image img{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px}
.page-lo-de__hero-content{text-align:center;max-width:1020px;margin:0 auto}
.page-lo-de__hero-title{font-size:clamp(1.4rem, 3.5vw, 2.6rem);font-weight:800;line-height:1.2;margin:0 0 8px;color:#FFF1E8}
.page-lo-de__hero-subtitle{font-size:1rem;line-height:1.7;max-width:80%;margin:0 auto 16px;color:#FFF1E8}
.page-lo-de__hero-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-lo-de__btn-dang-ky,.page-lo-de__btn-dang-nhap{display:inline-block;text-decoration:none;font-weight:600;border-radius:8px;padding:10px 22px;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-lo-de__btn-dang-ky{background:linear-gradient(180deg, #FFB04A 0%, #D86A14 100%);color:#140C0C;border:1px solid #D86A14}
.page-lo-de__btn-dang-nhap{background:#2A1212;color:#F3C54D;border:1px solid #6A1E1E}
.page-lo-de__intro-inner{max-width:1020px;margin:20px auto;padding:0 16px}
.page-lo-de__intro-inner h2{color:#F3C54D;text-align:center;font-size:1.9rem;margin-bottom:14px}
.page-lo-de__intro-inner p{margin-bottom:14px;line-height:1.8}
.page-lo-de__partners-section{padding:28px 16px 10px;background:#1D1010}
.page-lo-de__partners-inner{max-width:1200px;margin:0 auto;text-align:center}
.page-lo-de__partners-title{font-size:1.6rem;color:#F3C54D;border-bottom:1px solid #6A1E1E;padding-bottom:8px;display:inline-block;margin-bottom:4px}
.page-lo-de__partners-subtitle{font-size:0.95rem;margin:8px 0 0 0;color:#FFF1E8}
.page-lo-de__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;padding:16px 16px 20px;max-width:1200px;margin:0 auto}
.page-lo-de__logo-item{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:220px;text-align:center}
.page-lo-de__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;border-radius:8px}
.page-lo-de__logo-label{font-size:0.9rem;font-weight:600;color:#F3C54D}
.page-lo-de__logo-item:nth-child(5){grid-column:2}
.page-lo-de__logo-item:nth-child(6){grid-column:3}
.page-lo-de__guide-inner{max-width:1020px;margin:0 auto;padding:22px 16px 48px}
.page-lo-de__guide-title{text-align:center;color:#F3C54D;margin-bottom:24px;font-size:1.8rem}
.page-lo-de__guide-step-list{display:flex;flex-direction:column;gap:26px}
.page-lo-de__guide-step{display:block;background:#2A1212;padding:16px;border:1px solid #6A1E1E;border-radius:12px}
.page-lo-de__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:8px;display:block;margin:0 auto}
.page-lo-de__guide-step-title{color:#F3C54D;font-size:1.25rem;margin:10px 0 6px}
.page-lo-de__guide-step p{font-size:0.95rem;line-height:1.7}
.page-lo-de__guide-step a{color:#FFB04A;text-decoration:underline}
.page-lo-de__content-section{padding:20px 16px;background:#1D1010}
.page-lo-de__content-block{max-width:1020px;margin:0 auto}
.page-lo-de__content-block h2{color:#F3C54D;font-size:1.7rem;margin:14px 0 12px}
.page-lo-de__content-block p{margin-bottom:14px;line-height:1.8}
.page-lo-de__tips-section{padding:30px 16px}
.page-lo-de__tips-inner{max-width:1020px;margin:0 auto}
.page-lo-de__tips-inner h2{color:#F3C54D;text-align:center;font-size:1.7rem;margin-bottom:22px}
.page-lo-de__tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.page-lo-de__tip-item{background:#2A1212;border:1px solid #6A1E1E;border-radius:12px;padding:18px;margin-bottom:0}
.page-lo-de__tip-item h3{padding-bottom:8px;margin-top:0;color:#F3C54D}
.page-lo-de__tip-item p{margin-bottom:0;line-height:1.7}
.page-lo-de__faq-section{padding:26px 16px 50px;background:#140C0C}
.page-lo-de__faq-inner{max-width:860px;margin:0 auto}
.page-lo-de__faq-inner>h2{color:#F3C54D;font-size:1.7rem;text-align:center;margin-bottom:20px}
.page-lo-de__faq-item{background:#2A1212!important;border:1px solid #6A1E1E;border-radius:8px;margin-bottom:14px;padding:0}
.page-lo-de__faq-item[open]{background:#2A1212}
.page-lo-de__faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;list-style:none;font-weight:600;font-size:1rem}
.page-lo-de__faq-item summary::-webkit-details-marker{display:none}
.page-lo-de__faq-toggle{font-weight:800;color:#F3C54D;font-size:1.5rem;line-height:1}
.page-lo-de__faq-content{padding:0 20px 16px}
.page-lo-de__faq-content p{margin:0;line-height:1.8}
@media (max-width: 1024px){
.page-lo-de__logo-grid{grid-template-columns:repeat(3,1fr);gap:20px 14px}
.page-lo-de__logo-item:nth-child(5),.page-lo-de__logo-item:nth-child(6){grid-column:auto}
.page-lo-de__logo-grid .page-lo-de__logo-item:nth-child(4){grid-column:2}
}
@media (max-width: 768px){
.page-lo-de{padding:0;overflow-x:hidden}
.page-lo-de__hero-section{padding:10px 8px 8px}
.page-lo-de__hero-image img{aspect-ratio:2/1}
.page-lo-de__hero-title{font-size:clamp(1.3rem, 4vw, 1.9rem);line-height:1.25}
.page-lo-de__hero-subtitle{max-width:100%;font-size:0.92rem;margin-bottom:14px}
.page-lo-de__hero-cta{flex-direction:column;gap:8px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-lo-de__btn-dang-ky,.page-lo-de__btn-dang-nhap{display:block;width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:10px 14px;text-align:center}
.page-lo-de__intro-inner h2,.page-lo-de__content-block h2,.page-lo-de__tips-inner h2,.page-lo-de__faq-inner>h2,.page-lo-de__guide-title{font-size:1.3rem}
.page-lo-de__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px 10px;justify-items:center;padding:16px 8px}
.page-lo-de__logo-item{max-width:180px;width:100%}
.page-lo-de__logo-item:nth-child(5),.page-lo-de__logo-item:nth-child(6),.page-lo-de__logo-grid .page-lo-de__logo-item:nth-child(4){grid-column:auto;margin:0 auto}
.page-lo-de__logo-grid img{max-width:100%!important;height:auto!important;width:auto!important}
.page-lo-de__guide-figure img{max-width:100%;aspect-ratio:2/1}
.page-lo-de__tips-grid{grid-template-columns:1fr;gap:16px}
.page-lo-de__faq-item summary{padding:12px 14px}
.page-lo-de__faq-content{padding:0 14px 12px}
.page-lo-de img{max-width:100%!important;height:auto!important}
}