<p>
<script>
  function isDarkColor(rgb) {
    var match = rgb.match(/\d+/g);
    if (!match || match.length < 3) return false;
    var brightness = (parseInt(match[0]) * 299 + parseInt(match[1]) * 587 + parseInt(match[2]) * 114) / 1000;
    return brightness < 128;
  }
  function applyBannerTheme() {
    var card = document.querySelector('.app-banner-card');
    if (!card) return;
    var isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
    var bodyBg = window.getComputedStyle(document.body).backgroundColor;
    var htmlBg = window.getComputedStyle(document.documentElement).backgroundColor;
    var parentBg = card.parentElement ? window.getComputedStyle(card.parentElement).backgroundColor : 'rgb(255,255,255)';
    var hasDarkClass = document.documentElement.classList.contains('dark') ||
                       document.body.classList.contains('dark') ||
                       document.documentElement.getAttribute('data-theme') === 'dark' ||
                       document.body.getAttribute('data-theme') === 'dark' ||
                       document.documentElement.getAttribute('data-color-mode') === 'dark';
    var pageDark = isDarkMode || hasDarkClass || isDarkColor(bodyBg) || isDarkColor(htmlBg) || isDarkColor(parentBg);
    card.classList.remove('light-theme', 'dark-theme');
    card.classList.add(pageDark ? 'dark-theme' : 'light-theme');
  }
  applyBannerTheme();
  document.addEventListener('DOMContentLoaded', applyBannerTheme);
  if (window.matchMedia) {
    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', applyBannerTheme);
  }
  var observer = new MutationObserver(applyBannerTheme);
  observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class', 'data-theme', 'data-color-mode'] });
  observer.observe(document.body, { attributes: true, attributeFilter: ['class', 'data-theme', 'data-color-mode'] });
</script>
</p>
<div style="padding: 10px 0; font-family: 'Iskoola Pota', 'Segoe UI', Tahoma, sans-serif;">
<div style="max-width: 1200px; margin: 0 auto; padding: 0 16px;">
<div class="app-banner-card" style="position: relative; overflow: hidden; border-radius: 16px; padding: 40px 4%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px;">
<div style="max-width: 450px; flex: 1 1 350px; z-index: 2; text-align: left; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;">
<h1 style="font-size: clamp(28px, 4vw, 38px); line-height: 1.15; margin: 0 0 12px 0; font-weight: bold; font-style: normal; text-align: left;">LS.Bet<br />ජංගම යෙදුම</h1>
<p style="font-size: 15px; margin: 0 0 24px 0; font-weight: 500; text-align: left;">ඉඩ ඉතිරි කරගන්න, පහසුවෙන් ක්&zwj;රීඩා කරන්න!</p>
<div style="display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-start;"><a href="#install-ios" onmouseover="this.style.backgroundColor='#004025'" onmouseout="this.style.backgroundColor='#005a34'" style="text-decoration: none; display: inline-block; white-space: nowrap; background-color: #005a34; color: #ffffff; padding: 8px 16px; border-radius: 8px; transition: background-color 0.3s ease;" data-darkreader-inline-bgcolor="" data-darkreader-inline-color=""> <span style="display: inline-flex; align-items: center; gap: 10px;"> <img src="https://assets.flexsy-stage.com/sites/leisuresports/pages/34818d68d20c020c774b63cf9249077f.png" alt="iOS" style="width: 26px; height: 26px; display: block; filter: brightness(0) invert(1);" /> <span style="display: inline-flex; flex-direction: column; text-align: left; line-height: 1.2;"> <span style="font-size: 10px; opacity: 0.9;">සඳහා ලබාගන්න</span> <span style="font-size: 16px; font-weight: bold;">IOS</span> </span> </span> </a> <a href="#install-android" onmouseover="this.style.backgroundColor='#004025'" onmouseout="this.style.backgroundColor='#005a34'" style="text-decoration: none; display: inline-block; white-space: nowrap; background-color: #005a34; color: #ffffff; padding: 8px 16px; border-radius: 8px; transition: background-color 0.3s ease;" data-darkreader-inline-bgcolor="" data-darkreader-inline-color=""> <span style="display: inline-flex; align-items: center; gap: 10px;"> <img src="https://assets.flexsy-stage.com/sites/leisuresports/pages/f9887c3a7dc1f33398a9e798cab14052.png" alt="Android" style="width: 26px; height: 26px; display: block; filter: brightness(0) invert(1);" /> <span style="display: inline-flex; flex-direction: column; text-align: left; line-height: 1.2;"> <span style="font-size: 10px; opacity: 0.9;">සඳහා ලබාගන්න</span> <span style="font-size: 16px; font-weight: bold;">ANDROID</span> </span> </span> </a></div>
</div>
<div style="flex: 1 1 450px; display: flex; justify-content: center; align-items: center;"><img src="https://assets.flexsy-stage.com/sites/leisuresports/pages/885292396bf999d49b5ea328c3f6558e.png" alt="LS.Bet Mobile App Banner" style="width: 100%; max-width: 550px; height: auto; max-height: 360px; display: block; object-fit: contain; margin: 0 auto;" /></div>
</div>
</div>
<div style="max-width: 1200px; margin: 60px auto 0 auto; padding: 0 16px; text-align: center;">
<div id="install-ios" style="font-size: 26px; font-weight: 600; margin-bottom: 6px; line-height: 1.3;"><span style="display: inline-flex; align-items: center; gap: 8px;"> <img src="https://assets.flexsy-stage.com/sites/leisuresports/pages/34818d68d20c020c774b63cf9249077f.png" alt="iOS" style="width: 22px; height: 22px; display: block; margin-top: -3px;" />iPhone මත ස්ථාපනය කරන්නේ කෙසේද? </span></div>
<div style="margin-top: 24px;">
<div style="display: inline-block; vertical-align: top; max-width: 240px; width: 100%; margin: 16px 25px;">
<div style="font-size: 20px; font-weight: bold; margin-bottom: 6px; color: #005a34;" data-darkreader-inline-color="">පියවර 1</div>
<div style="font-size: 15px; margin-bottom: 12px; height: 40px; font-weight: 400;">LS.Bet විවෘත කර, පහළ ඇති "Share" බොත්තම ඔබන්න.</div>
<img src="https://assets.flexsy-stage.com/sites/leisuresports/pages/5c98267ac56fcd5e43149d3bb8ea037c.png" alt="iOS Step 1" style="width: 100%; border-radius: 18px; display: block; margin: 0 auto;" /></div>
<div style="display: inline-block; vertical-align: top; max-width: 240px; width: 100%; margin: 16px 25px;">
<div style="font-size: 20px; font-weight: bold; margin-bottom: 6px; color: #005a34;" data-darkreader-inline-color="">පියවර 2</div>
<div style="font-size: 15px; margin-bottom: 12px; height: 40px; font-weight: 400;">මෙනුවෙන් "Add to Home Screen" යන්න තෝරන්න.</div>
<img src="https://assets.flexsy-stage.com/sites/leisuresports/pages/4107badc96aa3dd33693f85f07194b6a.png" alt="iOS Step 2" style="width: 100%; border-radius: 18px; display: block; margin: 0 auto;" /></div>
<div style="display: inline-block; vertical-align: top; max-width: 240px; width: 100%; margin: 16px 25px;">
<div style="font-size: 20px; font-weight: bold; margin-bottom: 6px; color: #005a34;" data-darkreader-inline-color="">පියවර 3</div>
<div style="font-size: 15px; margin-bottom: 12px; height: 40px; font-weight: 400;">"Add" බොත්තම එබීමෙන් තහවුරු කරන්න.</div>
<img src="https://assets.flexsy-stage.com/sites/leisuresports/pages/6d6f1a1e351c6594d08b2c9abb2b2906.png" alt="iOS Step 3" style="width: 100%; border-radius: 18px; display: block; margin: 0 auto;" /></div>
</div>
</div>
<div style="max-width: 1200px; margin: 60px auto 0 auto; padding: 0 16px; text-align: center;">
<div id="install-android" style="font-size: 26px; font-weight: 600; margin-bottom: 6px; line-height: 1.3;"><span style="display: inline-flex; align-items: center; gap: 8px;"> <img src="https://assets.flexsy-stage.com/sites/leisuresports/pages/f9887c3a7dc1f33398a9e798cab14052.png" alt="Android" style="width: 22px; height: 22px; display: block; margin-top: -3px;" />Android මත ස්ථාපනය කරන්නේ කෙසේද? </span></div>
<div style="margin-top: 24px;">
<div style="display: inline-block; vertical-align: top; max-width: 240px; width: 100%; margin: 16px 25px;">
<div style="font-size: 20px; font-weight: bold; margin-bottom: 6px; color: #005a34;" data-darkreader-inline-color="">පියවර 1</div>
<div style="font-size: 15px; margin-bottom: 12px; height: 40px; font-weight: 400;">LS.Bet හි, බ්&zwj;රවුසර මෙනුව විවෘත කිරීමට තිත් තුන ඔබන්න.</div>
<img src="https://assets.flexsy-stage.com/sites/leisuresports/pages/cf9c002e2e355d0dcdf1066ac24c328a.png" alt="Android Step 1" style="width: 100%; border-radius: 18px; display: block; margin: 0 auto;" /></div>
<div style="display: inline-block; vertical-align: top; max-width: 240px; width: 100%; margin: 16px 25px;">
<div style="font-size: 20px; font-weight: bold; margin-bottom: 6px; color: #005a34;" data-darkreader-inline-color="">පියවර 2</div>
<div style="font-size: 15px; margin-bottom: 12px; height: 40px; font-weight: 400;">මෙනු ලැයිස්තුවෙන් "Install and create shortcut" තෝරන්න.</div>
<img src="https://assets.flexsy-stage.com/sites/leisuresports/pages/26dd299a82412620710cf9b05b165341.png" alt="Android Step 2" style="width: 100%; border-radius: 18px; display: block; margin: 0 auto;" /></div>
<div style="display: inline-block; vertical-align: top; max-width: 240px; width: 100%; margin: 16px 25px;">
<div style="font-size: 20px; font-weight: bold; margin-bottom: 6px; color: #005a34;" data-darkreader-inline-color="">පියවර 3</div>
<div style="font-size: 15px; margin-bottom: 12px; height: 40px; font-weight: 400;">"Install" බොත්තම එබීමෙන් තහවුරු කරන්න.</div>
<img src="https://assets.flexsy-stage.com/sites/leisuresports/pages/340720b120f91603a1096b03ac79edc0.png" alt="Android Step 3" style="width: 100%; border-radius: 18px; display: block; margin: 0 auto;" /></div>
</div>
</div>
</div>

යෙදුම ස්ථාපනය කරන්න

LS.Bet
ජංගම යෙදුම

යෙදුම ස්ථාපනය කරන්න

LS.Betජංගම යෙදුම

LS.Bet
ජංගම යෙදුම