html{background:#120603} body{overflow-x:hidden}
.noise{background-image:radial-gradient(rgba(255,218,131,.08) 1px,transparent 1px);background-size:18px 18px}
.gold-text{background:linear-gradient(180deg,#fff4c9 0%,#ffd06a 45%,#bd6e08 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(244,193,90,.18);backdrop-filter:blur(12px)}
.cta{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 10px 30px rgba(185,95,0,.22)}
.cta::before{content:"";position:absolute;inset:-2px;background:conic-gradient(from 0deg,transparent 0 28%,#fff2a9 36%,#f3a51d 43%,transparent 51% 100%);animation:ring 2.8s linear infinite;z-index:-2}
.cta::after{content:"";position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(180deg,#b86b00,#4e2500 58%,#271207);z-index:-1}
.cta-ruby::after{background:linear-gradient(180deg,#e33131,#8c0f0f 58%,#4b0909)}
@keyframes ring{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-8px)}}
@keyframes shimmer{0%{transform:translateX(-140%) skewX(-18deg)}100%{transform:translateX(220%) skewX(-18deg)}}
.shimmer{position:relative;overflow:hidden}.shimmer span.fx{position:absolute;inset:0;pointer-events:none}.shimmer span.fx:after{content:"";position:absolute;top:-20%;left:-35%;width:28%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 3.6s ease-in-out infinite}
.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.show{opacity:1;transform:none}
.banner-mask{mask-image:linear-gradient(to bottom,#000 88%,transparent 100%)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

.document-content{color:#d4d4d8;line-height:2;min-width:0}.document-content section{padding:2.5rem 0;scroll-margin-top:100px}.document-content h2{color:inherit;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:900;line-height:1.3;margin:0 0 1.5rem;color:#ffd983}.document-content h3{color:#ffd983;font-size:1.25rem;font-weight:800;line-height:1.5;margin:1.5rem 0 .75rem}.document-content p{margin:1rem 0}.document-content ul,.document-content ol{padding-left:1.5rem;margin:1rem 0}.document-content ul{list-style:disc}.document-content ol{list-style:decimal}.document-content li{padding-left:.25rem;margin:.4rem 0}.document-content .section-banner{display:block;width:100%;height:auto;max-width:850px;margin:1.5rem auto 2rem;border-radius:1.5rem;border:1px solid rgba(244,193,90,.20)}.document-content .table-scroll{max-width:100%;overflow-x:auto;margin:1.5rem 0;border:1px solid rgba(244,193,90,.20);border-radius:1rem}.document-content table{border-collapse:collapse;width:100%;min-width:420px;text-align:left}.document-content th,.document-content td{padding:.85rem 1rem;border:1px solid rgba(244,193,90,.20);vertical-align:top}.document-content th{color:#ffd983;background:rgba(255,255,255,.05);font-weight:800}.document-content td p,.document-content th p{margin:0}

/* Content can grow without widening its containing column. */
.document-content, .document-content section, .document-content .table-scroll { min-width: 0; }
.document-content { overflow-wrap: anywhere; }
.document-content .table-scroll { width: 100%; overscroll-behavior-x: contain; }
header a[data-device-cta] { white-space: nowrap; flex-shrink: 0; }

.content-header .section-nav { gap: 1.25rem; }
.content-header .section-nav a { flex-shrink: 0; white-space: nowrap; }
@media (max-width: 1023px) {
  .content-header > div { display: flex; flex-wrap: wrap; height: auto; min-height: 0; gap: 0 .5rem; padding: .65rem .75rem 0; }
  .content-header > div > a { margin-right: auto; }
  .content-header > div > div { margin-left: auto; flex-shrink: 0; }
  .content-header .section-nav { display: flex; order: 3; flex: 0 0 100%; min-width: 0; width: 100%; margin: .5rem 0 0; padding: .65rem 0; gap: 1.25rem; overflow-x: auto; font-size: .8rem; border-top: 1px solid rgba(255,255,255,.1); }
  .content-header .section-nav a { min-height: 24px; }
  main { padding-top: 122px !important; }
  .document-content section, section#faq { scroll-margin-top: 138px; }
  .content-header a[data-device-cta] { padding: .65rem .65rem; font-size: .6875rem; }
}

@media (max-width: 1023px) {
  main .grid > *, footer .grid > * { min-width: 0; overflow-wrap: anywhere; }
  .content-header > div > a img { width: 48px; height: auto; }
  main > section:first-child h1 { font-size: clamp(1.75rem, 5vw, 2.75rem); line-height: 1.3; }
  main > section:first-child .tracking-\[\.22em\] { letter-spacing: .1em; }
  #huong-dan { background-attachment: scroll !important; }
  .document-content h2 { overflow-wrap: anywhere; }
}
@media (max-width: 479px) {
  main > section:first-child a[data-device-cta] { width: 100%; max-width: 100%; padding-left: 1rem; padding-right: 1rem; }
  main > section:first-child .px-4 { padding-left: 1rem; padding-right: 1rem; }
  main h2 { font-size: 1.65rem; line-height: 1.35; }
}