/* Liverpool888 MALAYSIA - brand-protection / official-verification landing. Content-forward,
   single reading column, trust components. Liverpool red + gold + trust-green. Namespaced .lm- */
:root{
  --red:#c8102e; --red-2:#9c0c23; --red-ink:#6f0817;
  --gold:#e0a92b; --gold-2:#f6d479; --gold-ink:#5a4100;
  --green:#12795c; --green-2:#19946f; --green-soft:#e6f4ef;
  --ink:#1b1d21; --mut:#616771; --line:#e5e7ec; --bg:#f6f4ef; --card:#fff; --soft:#fdf3e3;
  --font:"Segoe UI",Roboto,Arial,"Noto Sans SC",sans-serif;
  --r:14px; --sh:0 2px 12px rgba(20,22,28,.08);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;max-width:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.62;padding-bottom:64px}
a{color:var(--red);text-decoration:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{margin:0;line-height:1.25}
.lm-wrap{max-width:980px;margin:0 auto;padding:0 18px}
.lm-wide{max-width:1180px;margin:0 auto;padding:0 18px}

/* header */
.lm-head{position:sticky;top:0;z-index:50;background:#fff;box-shadow:var(--sh)}
.lm-head .row{display:flex;align-items:center;gap:14px;max-width:1180px;margin:0 auto;padding:0 18px;height:60px}
.lm-logo{display:flex;align-items:center;gap:9px;flex:none}
.lm-logo svg{width:32px;height:38px}
.lm-logo b{font-family:"Arial Black",Arial,sans-serif;font-size:19px;color:var(--red);white-space:nowrap;line-height:1}
.lm-logo .vf{display:inline-flex;align-items:center;gap:3px;background:var(--green-soft);color:var(--green);font-size:10px;font-weight:800;border-radius:20px;padding:3px 8px;white-space:nowrap}
.lm-nav{display:flex;gap:2px;margin-left:6px}
.lm-nav a{padding:8px 10px;font-size:13.5px;font-weight:700;color:var(--ink);border-radius:8px;white-space:nowrap}
.lm-nav a:hover{background:var(--soft)}
.lm-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.lm-lang{display:flex;gap:3px}
.lm-lang a{font-size:12px;font-weight:700;color:var(--mut);border:1px solid var(--line);border-radius:7px;padding:8px 9px;line-height:1;white-space:nowrap}
.lm-lang a.on{color:#fff;background:var(--red);border-color:var(--red)}
.lm-burger{display:none;background:none;border:0;font-size:26px;color:var(--ink);cursor:pointer;padding:4px 8px}
.lm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;border-radius:10px;padding:10px 16px;font-size:14px;border:0;cursor:pointer;text-align:center;white-space:nowrap}
.lm-btn-red{background:linear-gradient(180deg,#e2213c,var(--red-2));color:#fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.lm-btn-gold{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:var(--gold-ink);box-shadow:inset 0 -2px 0 rgba(0,0,0,.14)}
.lm-btn-ghost{background:#fff;color:var(--red);border:2px solid var(--red)}
.lm-btn-lg{padding:14px 22px;font-size:16px}
.lm-drawer{display:none;background:#fff;border-top:1px solid var(--line)}
html.lm-open .lm-drawer{display:block}
.lm-drawer a{display:block;padding:13px 18px;border-bottom:1px solid var(--line);font-weight:700;color:var(--ink)}

/* hero */
.lm-hero{position:relative;overflow:hidden}
.lm-hero>img{width:100%;aspect-ratio:16/6;object-fit:cover;min-height:300px}
.lm-hero .ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;
  max-width:1180px;margin:0 auto;padding:0 60px;color:#fff}
.lm-hero .ov .in{max-width:620px;display:flex;flex-direction:column;gap:12px}
.lm-hero .vf{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:var(--green);color:#fff;font-weight:800;font-size:12.5px;border-radius:20px;padding:6px 14px}
.lm-hero h1{font-family:"Arial Black",Arial,sans-serif;font-size:33px;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.lm-hero p{font-size:15.5px;margin:0;max-width:52ch}
.lm-hero .act{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}
.lm-hero .pts{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin-top:4px}
.lm-hero .pts span{display:flex;align-items:center;gap:6px}
.lm-hero .pts b{color:var(--gold-2)}
.lm-hero .ov:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(111,8,23,.92) 0%,rgba(156,12,35,.6) 50%,rgba(156,12,35,.05) 85%);z-index:-1}

/* verification strip */
.lm-verify{background:#fff;border-bottom:1px solid var(--line)}
.lm-verify .in{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:center;padding:14px 18px;max-width:1180px;margin:0 auto}
.lm-verify .v{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink)}
.lm-verify .v .i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:900}

/* sections */
.lm-sec{padding:34px 0}
.lm-sec.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lm-sec h2{font-size:24px;color:var(--red-2);margin-bottom:6px}
.lm-sec .eyebrow{display:inline-block;background:var(--soft);color:var(--gold-ink);font-weight:800;font-size:12px;border-radius:20px;padding:4px 12px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}
.lm-sec p,.lm-sec li{font-size:16px;color:#33363b}
.lm-sec p a{font-weight:700;text-decoration:underline;text-decoration-color:rgba(200,16,46,.35);text-underline-offset:3px}
.lm-sec h3{font-size:17px;margin:18px 0 6px}
.lm-lead{font-size:17.5px;color:#2b2e33}

/* quick facts */
.lm-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.lm-fact{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;padding:12px 14px}
.lm-fact .k{font-size:12.5px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.lm-fact .v{font-size:16px;font-weight:700;margin-top:2px}
.lm-fact .ic{font-size:22px;line-height:1}

/* spot the fake: real vs clone */
.lm-spot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:10px}
.lm-spot .c{border-radius:14px;padding:18px;box-shadow:var(--sh)}
.lm-spot .ok{background:var(--green-soft);border:2px solid var(--green)}
.lm-spot .no{background:#fdecef;border:2px solid var(--red)}
.lm-spot .c h3{display:flex;align-items:center;gap:8px;font-size:17px}
.lm-spot .ok h3{color:var(--green)}.lm-spot .no h3{color:var(--red-2)}
.lm-spot ul{margin:10px 0 0;padding-left:0;list-style:none}
.lm-spot li{position:relative;padding:6px 0 6px 26px;font-size:14.5px;border-bottom:1px dashed rgba(0,0,0,.08)}
.lm-spot .ok li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.lm-spot .no li:before{content:"✕";position:absolute;left:0;color:var(--red);font-weight:900}

/* steps */
.lm-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px}
.lm-step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--sh)}
.lm-step .n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,#e2213c,var(--red-2));color:#fff;font-family:"Arial Black",Arial,sans-serif;font-size:17px;margin-bottom:8px}
.lm-step h3{font-size:15.5px;margin:0 0 4px}
.lm-step p{font-size:14px;color:var(--mut)}

/* rating strip (operator aggregate, no personas) */
.lm-rate{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:linear-gradient(135deg,var(--red-2),var(--red));color:#fff;border-radius:16px;padding:22px 24px;margin-top:8px}
.lm-rate .big{text-align:center}
.lm-rate .big b{display:block;font-family:"Arial Black",Arial,sans-serif;font-size:46px;line-height:1}
.lm-rate .stars{color:var(--gold-2);font-size:18px}
.lm-rate .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lm-rate .grid div b{display:block;font-size:22px;font-family:"Arial Black",Arial,sans-serif;color:var(--gold-2)}
.lm-rate .grid div span{font-size:12.5px;opacity:.92}

/* games showcase */
.lm-games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:8px}
.lm-games a{min-width:0;border-radius:10px;overflow:hidden;box-shadow:var(--sh);background:#fff}
.lm-games img{width:100%;aspect-ratio:1/1;object-fit:cover}

/* media row (image + text) */
.lm-media{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.lm-media img{border-radius:14px;aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:var(--sh)}

/* chips */
.lm-chips{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:8px}
.lm-chips .chip{background:#fff;border:1px solid var(--line);border-radius:9px;height:40px;padding:6px 10px;display:flex;align-items:center}
.lm-chips .chip img{height:26px;width:auto}

/* table */
.lm-tbl{width:100%;border-collapse:collapse;margin:10px 0;font-size:15px;background:#fff}
.lm-tbl th{background:var(--red);color:#fff;text-align:left;padding:10px 12px}
.lm-tbl td{border-bottom:1px solid var(--line);padding:10px 12px}
.lm-tbl tr:nth-child(even) td{background:#faf7f2}
.lm-tw{overflow-x:auto}

/* faq */
.lm-faq details{border:1px solid var(--line);border-radius:11px;margin:9px 0;background:#fff}
.lm-faq summary{cursor:pointer;padding:14px 16px;font-weight:700;list-style:none}
.lm-faq summary::-webkit-details-marker{display:none}
.lm-faq summary:after{content:"+";float:right;color:var(--red);font-weight:800}
.lm-faq details[open] summary:after{content:"\2013"}
.lm-faq details p{margin:0;padding:0 16px 14px}

/* cta band */
.lm-band{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(90deg,var(--green),var(--green-2));color:#fff;border-radius:16px;padding:20px 24px;margin-top:10px}
.lm-band b{font-size:19px}

/* footer + bottom nav */
.lm-foot{background:#141518;color:#c7cad0;padding:32px 0 18px;margin-top:10px;font-size:13.5px}
.lm-foot .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:22px}
.lm-foot h4{color:#fff;font-size:14px;margin-bottom:10px}
.lm-foot a{display:block;color:#c7cad0;padding:5px 0}
.lm-foot .lm-logo b{color:#fff}
.lm-foot .soc{display:flex;gap:9px;margin-top:12px}
.lm-foot .soc a{width:36px;height:36px;border-radius:50%;background:#262a30;display:grid;place-items:center;padding:0}
.lm-foot .soc svg{width:17px;height:17px;fill:#fff}
.lm-foot .pay,.lm-foot .trust{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px;align-items:center}
.lm-foot .pay span{background:#fff;border-radius:7px;height:34px;padding:4px 8px;display:flex;align-items:center}
.lm-foot .pay img{height:24px;width:auto}
.lm-foot .trust span{background:#262a30;border-radius:7px;height:34px;padding:5px 8px;display:flex;align-items:center}
.lm-foot .trust img{height:22px;width:auto}
.lm-foot .legal{border-top:1px solid #30343b;margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}
.lm-foot .age{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid var(--gold);color:#fff;font-weight:800;font-size:10px;margin-right:6px}
.lm-tab{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);height:58px;box-shadow:0 -3px 12px rgba(0,0,0,.1)}
.lm-tab a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mut);font-size:10.5px;font-weight:800;gap:2px}
.lm-tab a .i{font-size:20px;line-height:1}
.lm-tab a.on{color:var(--red)}
.lm-scta{display:none}

/* responsive */
@media(max-width:900px){
  .lm-facts,.lm-spot,.lm-media{grid-template-columns:1fr}
  .lm-steps{grid-template-columns:1fr}
  .lm-games{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lm-rate{grid-template-columns:1fr;text-align:center}
  .lm-rate .grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  body{padding-bottom:118px}
  .lm-nav{display:none}
  .lm-burger{display:block}
  .lm-head .row{gap:10px}
  .lm-right{gap:6px}
  .lm-right .lm-btn{display:none}
  .lm-hero{}
  .lm-hero>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;min-height:0;object-fit:cover}
  .lm-hero .ov{position:relative;inset:auto;max-width:none;padding:24px 18px}
  .lm-hero .ov:before{background:linear-gradient(0deg,rgba(111,8,23,.94),rgba(124,9,27,.82) 55%,rgba(156,12,35,.62))}
  .lm-hero h1{font-size:24px}
  .lm-hero p{font-size:14.5px;max-width:none}
  .lm-sec h2{font-size:21px}
  .lm-foot .cols{grid-template-columns:1fr 1fr}
  .lm-foot .cols>div:first-child{grid-column:1/-1}
  .lm-scta{display:block;position:fixed;left:0;right:0;bottom:58px;z-index:59;padding:7px 10px;background:rgba(255,255,255,.97);box-shadow:0 -2px 10px rgba(0,0,0,.12)}
  .lm-scta a{display:flex;width:100%;justify-content:center;font-size:15px;padding:12px;border-radius:11px}
}
@media(max-width:400px){
  .lm-games{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lm-logo b{font-size:16px}
  .lm-logo .vf{display:none}
  .lm-rate .grid{grid-template-columns:1fr}
  .lm-lang a{padding:7px 6px}
}