/* Trang chủ mmoo88 - Black Orange theme */
.page-index{background:#0D0E12;color:#FFF3E6;font-family:'Segoe UI',Arial,sans-serif;line-height:1.7;overflow-x:hidden}
.page-index a{color:#FFA53A;text-decoration:none}
.page-index a:hover{color:#FFB04D}
.page-index img{max-width:100%;height:auto;display:block;border-radius:12px}
.page-index__section-inner{max-width:1140px;margin:0 auto;padding:56px 18px}
.page-index__section-title{color:#FF8C1A;font-size:1.8rem;text-align:center;margin:0 0 12px}
.page-index__section-title--left{text-align:left}
.page-index__section-subtitle{text-align:center;color:#FFF3E6;opacity:.85;max-width:700px;margin:0 auto 32px}
.page-index__btn{display:inline-block;padding:13px 26px;border-radius:8px;font-weight:700;text-align:center;border:1px solid #A84F0C;transition:all .2s ease;cursor:pointer;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-index__btn--primary{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12;box-shadow:0 4px 16px rgba(255,176,77,.25)}
.page-index__btn--primary:hover{color:#0D0E12;filter:brightness(1.06)}
.page-index__btn--secondary{background:#17191F;color:#FFF3E6;border:1px solid #A84F0C}
.page-index__btn--secondary:hover{background:#20232B;color:#FFB04D}
.page-index__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}

/* HERO */
.page-index__hero-section{padding-top:0;margin-top:0;background:radial-gradient(circle at 80% 20%,rgba(255,140,26,.14),transparent 55%),#0D0E12}
.page-index__hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;max-width:1140px;margin:0 auto;padding:32px 18px 48px;align-items:center}
.page-index__hero-badge{display:inline-block;background:#17191F;border:1px solid #A84F0C;color:#FFB04D;padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:700;margin-bottom:14px}
.page-index__hero-copy h1{color:#FFF3E6;margin:0 0 14px;line-height:1.25;letter-spacing:.2px;max-width:640px}
.page-index__hero-intro{color:#FFF3E6;opacity:.9;margin:0 0 22px;max-width:600px}
.page-index__hero-stats{list-style:none;padding:0;margin:0 0 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.page-index__hero-stat{background:#17191F;border:1px solid #A84F0C;border-radius:10px;padding:12px 8px;text-align:center}
.page-index__hero-stat-number{display:block;color:#FF8C1A;font-weight:800;font-size:1.25rem}
.page-index__hero-stat-label{display:block;color:#FFF3E6;font-size:.72rem;opacity:.85;margin-top:2px}
.page-index__hero-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #A84F0C}

/* WHY */
.page-index__why-section{background:#0D0E12}
.page-index__why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.page-index__why-card{background:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:22px 18px;transition:transform .2s ease}
.page-index__why-card:hover{transform:translateY(-3px)}
.page-index__why-icon{font-size:1.8rem;display:block;margin-bottom:10px}
.page-index__why-card h3{color:#FFA53A;font-size:1.05rem;margin:0 0 8px}
.page-index__why-card p{color:#FFF3E6;opacity:.85;font-size:.92rem;margin:0}

/* SPLIT LAYOUT */
.page-index__split-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1140px;margin:0 auto;padding:56px 18px;align-items:center}
.page-index__split-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #A84F0C}
.page-index__split-copy p{color:#FFF3E6;opacity:.9}
.page-index__check-list{list-style:none;padding:0;margin:18px 0 0}
.page-index__check-list li{position:relative;padding-left:26px;margin-bottom:10px;color:#FFF3E6;opacity:.9}
.page-index__check-list li:before{content:'✓';position:absolute;left:0;color:#FFA53A;font-weight:800}
.page-index__welcome-section{background:#101218}

/* PROMO */
.page-index__promo-section{background:#0D0E12}
.page-index__promo-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(120deg,#17191F 0%,#1e2029 100%);border:1px solid #A84F0C;border-radius:14px;padding:28px;margin-bottom:20px}
.page-index__promo-banner--alt{background:linear-gradient(120deg,#1e2029 0%,#2a1b10 100%)}
.page-index__promo-copy h3{color:#FFA53A;margin:0 0 8px;font-size:1.3rem}
.page-index__promo-copy p{color:#FFF3E6;opacity:.88;margin:0 0 16px}
.page-index__promo-number{text-align:center;min-width:140px}
.page-index__promo-percent{display:block;color:#FFB04D;font-size:2.4rem;font-weight:800;line-height:1}
.page-index__promo-label{display:block;color:#FFF3E6;opacity:.85;font-size:.82rem;margin-top:6px}

/* SAFETY */
.page-index__safety-section{background:#101218}
.page-index__trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}
.page-index__trust-item{background:#17191F;border:1px solid #A84F0C;border-radius:10px;padding:14px 16px}
.page-index__trust-item h3{color:#FFA53A;font-size:.98rem;margin:0 0 6px}
.page-index__trust-item p{color:#FFF3E6;opacity:.83;font-size:.85rem;margin:0}

/* VIP */
.page-index__vip-section{background:#0D0E12}
.page-index__vip-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.page-index__vip-card{background:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:18px 12px;text-align:center}
.page-index__vip-icon{font-size:1.7rem;display:block;margin-bottom:8px}
.page-index__vip-card h3{color:#FF8C1A;font-size:1rem;margin:0 0 4px}
.page-index__vip-threshold{color:#FFF3E6;opacity:.75;font-size:.76rem;margin:0 0 10px}
.page-index__vip-card ul{list-style:none;padding:0;margin:0;text-align:left}
.page-index__vip-card li{color:#FFF3E6;opacity:.82;font-size:.78rem;padding-left:14px;position:relative;margin-bottom:4px}
.page-index__vip-card li:before{content:'•';position:absolute;left:0;color:#FFA53A}

/* DEPOSIT */
.page-index__deposit-section{background:#101218}
.page-index__deposit-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}
.page-index__deposit-step{background:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:22px;position:relative}
.page-index__step-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12;font-weight:800;font-size:1.1rem;margin-bottom:12px}
.page-index__deposit-step h3{color:#FFA53A;margin:0 0 8px;font-size:1.05rem}
.page-index__deposit-step p{color:#FFF3E6;opacity:.85;margin:0;font-size:.9rem}
.page-index__deposit-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #A84F0C}

/* TERMS */
.page-index__terms-section{background:#0D0E12}
.page-index__terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.page-index__term-card{background:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:20px}
.page-index__term-card h3{color:#FFA53A;font-size:1rem;margin:0 0 8px}
.page-index__term-card p{color:#FFF3E6;opacity:.85;font-size:.88rem;margin:0}

/* GLOSSARY */
.page-index__glossary-section{background:#101218}
.page-index__glossary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.page-index__glossary-item{background:#17191F;border:1px solid #A84F0C;border-radius:10px;padding:16px 18px}
.page-index__glossary-item h3{color:#FF8C1A;font-size:1rem;margin:0 0 6px}
.page-index__glossary-item p{color:#FFF3E6;opacity:.85;font-size:.88rem;margin:0}

/* WITHDRAW */
.page-index__withdraw-section{background:#0D0E12}
.page-index__withdraw-steps{padding-left:20px;margin:18px 0}
.page-index__withdraw-steps li{color:#FFF3E6;opacity:.9;margin-bottom:12px;padding-left:6px}
.page-index__withdraw-steps strong{color:#FFA53A}
.page-index__notice{background:#17191F;border-left:4px solid #FF8C1A;border-radius:8px;padding:14px 18px;margin-top:16px}
.page-index__notice p{color:#FFF3E6;opacity:.9;margin:0;font-size:.9rem}

/* TIPS */
.page-index__tips-section{background:#101218}
.page-index__tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.page-index__tip-card{background:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:20px 16px}
.page-index__tip-icon{font-size:1.6rem;display:block;margin-bottom:10px}
.page-index__tip-card h3{color:#FFA53A;font-size:1rem;margin:0 0 8px}
.page-index__tip-card p{color:#FFF3E6;opacity:.85;font-size:.86rem;margin:0}

/* SUPPORT */
.page-index__support-section{background:#0D0E12}
.page-index__support-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}
.page-index__support-item{background:#17191F;border:1px solid #A84F0C;border-radius:10px;padding:16px}
.page-index__support-item h3{color:#FFA53A;font-size:1rem;margin:0 0 6px}
.page-index__support-item p{color:#FFF3E6;opacity:.83;font-size:.85rem;margin:0}

/* PRIVACY */
.page-index__privacy-section{background:#101218}
.page-index__privacy-card{max-width:900px;margin:0 auto;padding:44px 24px;background:#17191F;border:1px solid #A84F0C;border-radius:14px;text-align:center}
.page-index__privacy-card p{color:#FFF3E6;opacity:.88;max-width:720px;margin:0 auto 18px}
.page-index__privacy-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.page-index__privacy-links a{display:inline-block;padding:8px 16px;border:1px solid #A84F0C;border-radius:8px;color:#FFA53A;background:#0D0E12;font-size:.88rem}
.page-index__privacy-links a:hover{color:#FFB04D;background:#1e2029}

/* FAQ */
.page-index__faq-section{background:#0D0E12}
.page-index__faq-list{max-width:820px;margin:0 auto}
.page-index__faq-item{background:#17191F;border:1px solid #A84F0C;border-radius:10px;margin-bottom:12px;overflow:hidden}
.page-index__faq-question{cursor:pointer;padding:18px 20px;color:#FFA53A;font-weight:700;list-style:none;position:relative;padding-right:44px}
.page-index__faq-question::-webkit-details-marker{display:none}
.page-index__faq-question:after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#FF8C1A;font-size:1.3rem;font-weight:700}
.page-index__faq-item[open] .page-index__faq-question:after{content:'–'}
.page-index__faq-answer{padding:0 20px 18px}
.page-index__faq-answer p{color:#FFF3E6;opacity:.88;margin:0}

@media (max-width:768px){
  .page-index{max-width:100%;overflow-x:hidden}
  .page-index img{max-width:100%!important;height:auto!important}
  .page-index__hero-grid,.page-index__split-grid,.page-index__why-grid,.page-index__tips-grid,.page-index__vip-grid,.page-index__terms-grid,.page-index__glossary-grid,.page-index__deposit-steps,.page-index__hero-stats,.page-index__trust-grid,.page-index__support-list{grid-template-columns:1fr}
  .page-index__split-grid--reverse .page-index__split-media{order:2}
  .page-index__hero-section{padding-top:0;margin-top:0}
  .page-index__section-inner,.page-index__hero-grid,.page-index__split-grid{padding:32px 14px}
  .page-index__section-title{font-size:1.4rem}
  .page-index__hero-copy h1{font-size:1.5rem;line-height:1.3}
  .page-index__hero-stats{gap:8px}
  .page-index__promo-banner{flex-direction:column;text-align:center;padding:22px 18px}
  .page-index__promo-number{min-width:0}
  .page-index__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
  .page-index__actions{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;flex-direction:column}
  .page-index__privacy-links{flex-direction:column;align-items:stretch}
  .page-index__privacy-links a{text-align:center}
}