<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TotallyFreeCam | Age Verification</title>
    <link rel="apple-touch-icon" sizes="180x180" href="/fav/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/fav/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/fav/favicon-16x16.png">
    <link rel="manifest" href="/fav/site.webmanifest">
    <link rel="shortcut icon" href="/fav/favicon.ico">
    <style>
        :root {
            --bg-dark: #0f172a;
            --card-bg: #1e293b;
            --primary-orange: #ff6c00;
            --secondary-orange: #ff422d;
            --text-gray: #8191a7;
        }

        body, html {
            margin: 0; padding: 0; height: 100%;
            font-family: 'Inter', -apple-system, sans-serif;
            background-color: var(--bg-dark);
            color: #ffffff;
            overflow-x: hidden;
        }

        /* Desktop Background - The "Modal" Effect */
        @media (min-width: 768px) {
            body {
                background-image: linear-gradient(rgba(15, 23, 42, 0.2), rgba(15, 23, 42, 0.2)), 
                                  url('https://x.cb.xxx/x/age-verification-background.webp');
                background-size: cover;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }

        .modal-container {
            width: 100%;
            max-width: 440px;
            margin: 0 auto;
            background: var(--bg-dark);
            text-align: center;
        }

        @media (min-width: 768px) {
            .modal-container {
                border-radius: 20px;
                border: 2px solid #000000;
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
            }
        }


        .content-container { padding:0.5rem 2rem 2rem; }

        h1 { font-size: 1.33rem; font-weight:500; margin:0 0 2.5rem; }
        h1 span { font-size: 1.15rem; }
        .subtitle { color: var(--text-gray); font-size: 0.95rem; margin-bottom: .3rem; }

        .logo img { height:200px; }

        /* Main Button */
        .btn-main {
            display: block;
            background: var(--primary-orange);
            color: white;
            text-decoration: none;
            padding: 1.2rem;
            border-radius: 12px;
            font-weight: 700;
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom:0;
            transition: transform 0.1s;
        }
        .btn-main:hover { background: var(--secondary-orange); transform:translateY(-1px); }
        .btn-main:active { transform: scale(0.98); }

        .btn-subtext { font-size: 0.75rem; color: var(--text-gray); margin:.25rem 0 2.5rem; }

        /* FTC Disclosure - Moved Up for 2026 Compliance */
        .ftc-disclosure {
            background: rgba(0,0,0,0.33);
            padding: 10px;
            border-radius: 0 0 8px 8px;
            font-size: .8rem;
            color: var(--text-gray);
            margin-bottom: 1rem;
            border-radius: 20px 20px 0 0;
        }

        /* Bonus Sites */
        .bonus-section { text-align: left; }
        .bonus-header { font-weight: 800; font-size: 1.2rem; text-align: center; }
        .bonus-subtext { font-size: 0.9rem; color: var(--text-gray); margin:0 0 .5rem;  text-align: center; }
        
        .bonus-item {
            display: flex;
            align-items: center;
            background: var(--card-bg);
            border-radius: 12px;
            padding: 12px;
            margin-bottom: 1rem;
            text-decoration: none;
            color: white;
            position: relative;
        }

        .bonus-num {
            position: absolute;
            left: -15px;
            font-size: 2.5rem;
            font-weight: 900;
            color: var(--primary-orange);
            opacity: 0.8;
            z-index: 10;
        }

        .bonus-thumb {
            width: 70px; height: 70px;
            background: #475569;
            border-radius: 8px;
            margin-right: 15px;
            flex-shrink: 0;
            overflow: hidden;
        }

        .bonus-info h4 { margin: 0 0 4px 0; font-size: 1rem; }
        .bonus-info p { margin: 0; font-size: 0.85rem; color: var(--text-gray); line-height: 1.2; }
        .normal {font-weight:500;}

        hr { background: #ff6c00; height:1px; border:0; margin:0 0 1rem 0; }
        .x {display:none !important;}
    </style>
</head>
<body>

<div class="modal-container">
    <div class="ftc-disclosure">TotallyFreeCam contains commissioned affiliate links</div>
    <div class="content-container">
        <div class="logo"><img srcset="https://x.cb.xxx/totallyfreecam-com/totallyfreecam-com.png 1x, https://x.cb.xxx/totallyfreecam-com/totallyfreecam-com.png 2x" src="https://x.cb.xxx/totallyfreecam-com/totallyfreecam-com.png" alt="TotallyFreeCam"></div>
        <h1>ADULTS ONLY (18+)<br><span>Age Verification Required</span></h1>
        <p class="subtitle">Your state laws require a quick Age Check to</p>
        <a href="https://cb.xxx/in/?tour=grq0&campaign=nna9W&track=totallyfreecam-com_AV" class="btn-main">Unlock Free Live Cams <br><span class="normal">on Chaturbate</span></a>
        <p class="btn-subtext">No Credit Card Required - 100% Private, Free, and < 1 minute</p>
        <hr class="x">
        <div class="x bonus-section">
            <div class="bonus-header">BONUS SITES</div>
            <p class="bonus-subtext">Age Verify to Unlock More Hot Sites:</p>
            
            <a href="#" class="bonus-item">
                <span class="bonus-num">1</span>
                <div class="bonus-thumb"><img src="https://placehold.co/70x70/475569/white?text=SFW" alt="SFW"></div>
                <div class="bonus-info">
                    <h4>SomeSite.com</h4>
                    <p>A short, friendly description for this site goes right here.</p>
                </div>
            </a>
            <a href="#" class="bonus-item">
                <span class="bonus-num">2</span>
                <div class="bonus-thumb"><img src="https://placehold.co/70x70/475569/white?text=SFW" alt="SFW"></div>
                <div class="bonus-info">
                    <h4>AnotherSite.net</h4>
                    <p>Verified 18+ content and live community shows.</p>
                </div>
            </a>
        </div>
    </div>
</div>

</body>
</html>