<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<title>Responsible Gaming - CV111</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
    * { box-sizing: border-box; }
    body { background: #0b1d1a; color: #c5c0b5; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 0; line-height: 1.8; }
    .header-bg { background: linear-gradient(160deg, #133a2e 0%, #0b1d1a 80%); padding: 18px 16px; border-bottom: 1px solid rgba(0,230,118,.15); position: sticky; top: 0; display: flex; align-items: center; gap: 12px; z-index: 10; }
    .header-bg a { color: #ffd54f; text-decoration: none; font-size: 20px; }
    .header-bg span { color: #fff; font-weight: 800; font-size: 17px; }

    .hero { text-align: center; padding: 26px 20px; background: linear-gradient(160deg, #133a2e, #0b1d1a); border-bottom: 1px solid rgba(0,230,118,.12); }
    .hero i { font-size: 30px; color: #ffd54f; margin-bottom: 8px; }
    .hero h1 { font-size: 20px; color: #fff; margin: 0 0 4px; font-weight: 900; }
    .hero p { font-size: 12.5px; color: #9fb8ae; margin: 0; }

    main { max-width: 720px; margin: 0 auto; padding: 24px 18px 50px; }

    h2 { color: #ffd54f; font-size: 17.5px; margin: 28px 0 12px; font-weight: 800; display: flex; align-items: center; gap: 8px; }
    p, li { font-size: 14.5px; color: #c5c0b5; margin-bottom: 9px; }
    ul { padding-left: 20px; }
    strong { color: #e8e3d8; }

    .warning-signs { display: grid; gap: 10px; margin: 16px 0; }
    .sign-item { background: #102620; border-left: 3px solid #e8323c; border-radius: 8px; padding: 12px 14px; font-size: 13.5px; display: flex; align-items: start; gap: 10px; }
    .sign-item i { color: #e8323c; margin-top: 2px; }

    .tool-card { background: #102620; border: 1px solid rgba(0,230,118,.18); border-radius: 12px; padding: 16px; margin-bottom: 12px; display: flex; gap: 14px; align-items: start; }
    .tool-card i { color: #00e676; font-size: 22px; margin-top: 2px; }
    .tool-card h3 { color: #fff; font-size: 14.5px; margin: 0 0 4px; }
    .tool-card p { font-size: 13px; color: #9fb8ae; margin: 0; }

    .help-box { background: rgba(0,230,118,.06); border: 1px solid rgba(0,230,118,.25); border-radius: 12px; padding: 18px; margin: 18px 0; }
    .help-box h3 { color: #00e676; font-size: 15px; margin: 0 0 8px; }

    .cta-box { background: #102620; border: 1px solid rgba(255,213,79,.25); border-radius: 14px; padding: 20px; margin-top: 24px; text-align: center; }
    .cta-box a { display: inline-block; background: linear-gradient(135deg, #ffd54f, #ffb300); color: #1a1400; font-weight: 800; padding: 12px 26px; border-radius: 10px; text-decoration: none; font-size: 14px; margin-top: 12px; }

    .self-test { background: #102620; border: 1px solid rgba(0,230,118,.15); border-radius: 12px; padding: 16px; margin: 16px 0; }
    .self-test label { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: 13.5px; color: #d8d3c8; border-bottom: 1px solid rgba(255,255,255,.06); }
    .self-test label:last-child { border-bottom: none; }
    .self-test input { width: 18px; height: 18px; accent-color: #00e676; }
</style>
</head>
<body>

<div class="header-bg">
    <a href="/newprofile.php"><i class="fa-solid fa-arrow-left"></i></a>
    <span>Responsible Gaming</span>
</div>

<div class="hero">
    <i class="fa-solid fa-shield-heart"></i>
    <h1>নিয়ন্ত্রিত, নিরাপদ Gaming</h1>
    <p>বিনোদনই আসল লক্ষ্য — কখনো আয়ের উৎস না</p>
</div>

<main>

    <p>CV111-এ, আমরা চাই তুমি Gaming উপভোগ করো — নিরাপদ, নিয়ন্ত্রিত উপায়ে। Gambling শুধুমাত্র বিনোদনের জন্য হওয়া উচিত, কখনো আয়ের বা জীবনের সমস্যা-সমাধানের উপায় হিসেবে না। এই Page-এ, আমরা তোমাকে নিয়ন্ত্রণে থাকতে সাহায্য করার সরঞ্জাম আর তথ্য দিচ্ছি।</p>

    <h2><i class="fa-solid fa-triangle-exclamation"></i> সতর্কতার লক্ষণ</h2>
    <p>নিচের যেকোনো একটা যদি নিজের সাথে মিলে যায়, তাহলে এটা একটা সংকেত হতে পারে যে খেলা নিয়ন্ত্রণের বাইরে চলে যাচ্ছে:</p>

    <div class="warning-signs">
        <div class="sign-item"><i class="fa-solid fa-circle-exclamation"></i> হেরে যাওয়া টাকা "ফেরত পেতে" আরও বেশি খেলছো (Chasing Losses)</div>
        <div class="sign-item"><i class="fa-solid fa-circle-exclamation"></i> খেলার জন্য প্রয়োজনীয় সময়ের চেয়ে অনেক বেশি সময় ব্যয় করছো</div>
        <div class="sign-item"><i class="fa-solid fa-circle-exclamation"></i> খেলার কারণে কাজ, পড়াশোনা, বা সম্পর্কে সমস্যা হচ্ছে</div>
        <div class="sign-item"><i class="fa-solid fa-circle-exclamation"></i> খেলার টাকার জন্য ধার করছো, বা প্রয়োজনীয় খরচ থেকে টাকা সরাচ্ছো</div>
        <div class="sign-item"><i class="fa-solid fa-circle-exclamation"></i> খেলা বন্ধ করতে চাইলেও পারছো না</div>
        <div class="sign-item"><i class="fa-solid fa-circle-exclamation"></i> খেলা নিয়ে মিথ্যা বলছো বা লুকাচ্ছো</div>
    </div>

    <h2><i class="fa-solid fa-clipboard-check"></i> নিজেকে যাচাই করো</h2>
    <div class="self-test">
        <label><input type="checkbox"> আমি প্রায়ই পরিকল্পনার চেয়ে বেশি সময় খেলি</label>
        <label><input type="checkbox"> আমি হেরে যাওয়ার পর আরও বেশি Bet করি</label>
        <label><input type="checkbox"> আমি খেলার জন্য টাকা ধার করেছি</label>
        <label><input type="checkbox"> আমার পরিবার/বন্ধু আমার খেলা নিয়ে চিন্তিত</label>
    </div>
    <p style="font-size:12.5px; color:#9fb8ae;">২টা বা তার বেশি মিললে, নিচের Tool-গুলো ব্যবহার করার কথা ভাবো।</p>

    <h2><i class="fa-solid fa-toolbox"></i> আমাদের দেওয়া সরঞ্জাম</h2>

    <div class="tool-card">
        <i class="fa-solid fa-hand-holding-dollar"></i>
        <div><h3>Deposit Limit</h3><p>প্রতিদিন/সপ্তাহ/মাসে সর্বোচ্চ কত Deposit করবে, নিজেই ঠিক করো।</p></div>
    </div>
    <div class="tool-card">
        <i class="fa-solid fa-clock"></i>
        <div><h3>Session Reminder</h3><p>নির্দিষ্ট সময় পর পর, কতক্ষণ খেলছো তা মনে করিয়ে দেওয়া হবে।</p></div>
    </div>
    <div class="tool-card">
        <i class="fa-solid fa-ban"></i>
        <div><h3>Self-Exclusion</h3><p>প্রয়োজনে নিজেকে ১-৯০ দিনের জন্য সম্পূর্ণভাবে Block করতে পারো।</p></div>
    </div>

    <div class="help-box">
        <h3><i class="fa-solid fa-heart"></i> সাহায্য প্রয়োজন?</h3>
        <p>যদি মনে করো Gambling তোমার জীবনে সমস্যা তৈরি করছে, দয়া করে পরিবার বা বিশ্বস্ত বন্ধুর সাথে কথা বলো। এটা লজ্জার কিছু না — সাহায্য চাওয়াটাই সাহসের কাজ। প্রয়োজনে স্থানীয় Mental-Health বা Counseling Service-এর সাহায্যও নিতে পারো।</p>
    </div>

    <h2><i class="fa-solid fa-users"></i> ১৮+ শুধুমাত্র</h2>
    <p>CV111 কেবলমাত্র প্রাপ্তবয়স্কদের (১৮ বছর বা তার বেশি) জন্য। Underage Gambling সম্পূর্ণভাবে নিষিদ্ধ, আর আমরা এটা প্রতিরোধে প্রতিশ্রুতিবদ্ধ।

    <div class="cta-box">
        <i class="fa-solid fa-sliders" style="color:#ffd54f; font-size:22px;"></i>
        <div style="color:#fff; font-weight:800; margin-top:8px;">নিজের Limit ঠিক করতে চাও?</div>
        <a href="/newresponsiblegambling.php">Settings-এ যাও →</a>
    </div>

</main>
</body>
</html>
