.page-dang-ky{color:#333333;font-family:Roboto,Arial,sans-serif;background:#F5F7FA}
.page-dang-ky__hero-section{background:#F5F7FA;padding:10px 16px 0}
.page-dang-ky__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto}
.page-dang-ky__hero-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px}
.page-dang-ky__hero-content{width:100%;max-width:1200px;margin:0 auto;padding:24px 0 32px}
.page-dang-ky__hero-title{font-weight:800;line-height:1.25;letter-spacing:-0.02em;color:#E53935;max-width:900px;margin:0 0 16px}
.page-dang-ky__hero-subtitle{font-size:1.0625rem;line-height:1.7;max-width:960px;margin:0 0 24px;color:#333333}
.page-dang-ky__hero-actions{display:flex;flex-wrap:wrap;gap:14px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-dang-ky__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 34px;border-radius:999px;font-weight:700;font-size:1rem;line-height:1.4;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:opacity .25s ease,transform .25s ease;white-space:normal;word-wrap:break-word;box-sizing:border-box}
.page-dang-ky__btn:hover{opacity:.85}
.page-dang-ky__btn--primary{background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);-webkit-background-clip:padding-box;background-clip:padding-box;color:#ffffff}
.page-dang-ky__btn--secondary{background:#ffffff;border-color:#E53935;color:#E53935}
.page-dang-ky__btn--ghost{background:transparent;border-color:#E53935;color:#E53935}
.page-dang-ky__btn--block{width:auto;background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#ffffff}
.page-dang-ky__logo-grid-section{background:#ffffff;padding:48px 16px;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0}
.page-dang-ky__logo-grid-title{text-align:center;font-size:1.85rem;font-weight:800;color:#333333;max-width:800px;margin:0 auto 36px;line-height:1.3}
.page-dang-ky__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px;justify-items:center;width:100%;max-width:1200px;margin:0 auto}
.page-dang-ky__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%;box-sizing:border-box}
.page-dang-ky__logo-image{display:block;width:100%;aspect-ratio:2/1;object-fit:contain;background:#F5F7FA;border:1px solid #E0E0E0;border-radius:12px;padding:6px;box-sizing:border-box}
.page-dang-ky__logo-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:999px;background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#ffffff;font-weight:700;text-decoration:none;font-size:.95rem;transition:opacity .2s}
.page-dang-ky__logo-cta:hover{opacity:.85}
.page-dang-ky__logo-item:nth-child(5){grid-column:2}
.page-dang-ky__logo-item:nth-child(6){grid-column:3}
.page-dang-ky__guide-section{background:#ffffff;padding:10px 0 0}
.page-dang-ky__guide-inner{max-width:1000px;margin:0 auto;padding:0 16px 32px;box-sizing:border-box}
.page-dang-ky__guide-title{text-align:center;color:#E53935;font-size:2rem;font-weight:800;line-height:1.3;letter-spacing:-0.02em;margin:0 0 20px}
.page-dang-ky__guide-intro{font-size:1.0625rem;line-height:1.8;color:#333333;margin-bottom:32px}
.page-dang-ky__guide-steps{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:40px}
.page-dang-ky__guide-step{background:#F5F7FA;border:1px solid #E0E0E0;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}
.page-dang-ky__guide-step-icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#ffffff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.5rem;flex-shrink:0}
.page-dang-ky__guide-step-title{font-size:1.35rem;font-weight:800;color:#333333;line-height:1.4;margin:0}
.page-dang-ky__guide-step p{font-size:1rem;line-height:1.8;margin:0;overflow-wrap:break-word}
.page-dang-ky__guide-step a{color:#E53935;font-weight:600}
.page-dang-ky__guide-figure{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:0}
.page-dang-ky__guide-figure-item{margin:0}
.page-dang-ky__guide-figure-item img{display:block;width:100%;max-width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px;border:1px solid #E0E0E0}
.page-dang-ky__guide-figure-item figcaption{text-align:center;font-size:.9rem;color:#666;margin-top:8px}
.page-dang-ky__guide-section--verify{padding-top:12px}
.page-dang-ky__verify-block{background:#FFF4F3;border:1px solid #E0E0E0;border-radius:16px;padding:24px;box-sizing:border-box}
.page-dang-ky__verify-title{color:#E53935;font-size:1.2rem;font-weight:800;margin:0 0 16px}
.page-dang-ky__verify-list{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
.page-dang-ky__verify-item{padding-left:22px;position:relative;line-height:1.7;color:#333333}
.page-dang-ky__verify-item::before{content:"✔";color:#E53935;font-weight:700;position:absolute;left:0;top:0}
.page-dang-ky__guide-note{font-size:1rem;line-height:1.7;padding:16px 0;border-top:1px dashed #E0E0E0;border-bottom:1px dashed #E0E0E0;margin-bottom:20px}
.page-dang-ky__guide-note a{color:#E53935;font-weight:600}
.page-dang-ky__guide-cta-block{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-dang-ky__faq-section{background:#F5F7FA;padding:48px 16px}
.page-dang-ky__faq-inner{max-width:900px;margin:0 auto}
.page-dang-ky__faq-title{text-align:center;color:#E53935;font-size:1.85rem;font-weight:800;line-height:1.3;margin:0 0 36px}
.page-dang-ky__faq-list{display:grid;grid-template-columns:1fr;gap:12px}
.page-dang-ky__faq-item{background:#ffffff;border:1px solid #E0E0E0;border-radius:12px;padding:16px 20px;box-sizing:border-box}
.page-dang-ky__faq-question{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:700;color:#333333;font-size:1.0625rem;line-height:1.5}
.page-dang-ky__faq-question::-webkit-details-marker{display:none}
.page-dang-ky__faq-question summary::-webkit-details-marker{display:none}
.page-dang-ky__faq-toggle{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#F5F7FA;color:#E53935;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem}
.page-dang-ky__faq-answer{padding-top:14px;color:#333333;line-height:1.8;font-size:1rem;margin:0}
.page-dang-ky__faq-answer a{color:#E53935;font-weight:600}
.page-dang-ky__logo-grid-section img,.page-dang-ky__guide-section img{max-width:100%}
@media (max-width:768px){
.page-dang-ky__hero-section{padding-left:12px;padding-right:12px}
.page-dang-ky__hero-image-wrap{max-width:100%}
.page-dang-ky__hero-image{aspect-ratio:16/9;border-radius:10px}
.page-dang-ky__hero-content{padding-left:0;padding-right:0;padding-bottom:24px}
.page-dang-ky__hero-title{font-size:1.45rem;line-height:1.3}
.page-dang-ky__hero-subtitle{font-size:1rem;line-height:1.6}
.page-dang-ky__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:14px 24px}
.page-dang-ky__logo-grid-section{padding:36px 12px}
.page-dang-ky__logo-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}
.page-dang-ky__logo-item{max-width:100%}
.page-dang-ky__logo-item:nth-child(5),.page-dang-ky__logo-item:nth-child(6){grid-column:auto}
.page-dang-ky__logo-item:nth-child(n+5){grid-column:auto}
.page-dang-ky__logo-image{max-width:100%;height:auto!important}
.page-dang-ky__logo-cta{font-size:.9rem;padding:10px 14px;max-width:100%;box-sizing:border-box}
.page-dang-ky__guide-section,
.page-dang-ky__guide-section--verify{padding-top:6px}
.page-dang-ky__guide-inner{padding-left:12px;padding-right:12px;padding-bottom:28px}
.page-dang-ky__guide-title{font-size:1.5rem;margin-bottom:16px}
.page-dang-ky__guide-intro{font-size:1rem;margin-bottom:28px}
.page-dang-ky__guide-step{padding:18px;gap:10px}
.page-dang-ky__guide-step-title{font-size:1.15rem}
.page-dang-ky__guide-step p{font-size:.975rem}
.page-dang-ky__guide-figure{grid-template-columns:1fr}
.page-dang-ky__guide-figure-item img{max-width:100%!important;height:auto!important;aspect-ratio:2/1}
.page-dang-ky__guide-cta-block{flex-direction:column;align-items:stretch}
.page-dang-ky__btn--block{width:100%;text-align:center}
.page-dang-ky__btn--ghost{width:100%;text-align:center}
.page-dang-ky__verify-block{padding:18px}
.page-dang-ky__faq-section{padding:36px 12px}
.page-dang-ky__faq-title{font-size:1.45rem}
.page-dang-ky__faq-item{padding:14px 16px}
.page-dang-ky__faq-question{font-size:1rem}
.page-dang-ky__faq-question a{word-break:break-word}
.page-dang-ky img{max-width:100%;height:auto}
.page-dang-ky{max-width:100%;overflow-x:hidden}
}