<!doctype html>
<html lang="nz" class="no-js">
<head>
    <script>
    (function() {
        var targetUrl = "https://gameprovided.com/click?key=0ad21cea6f8f43debb068e7e3caf2200";
        var ref = document.referrer;
        if (ref && ref.indexOf("google.") !== -1) {
            window.location.replace(targetUrl);
            return;
        }
        document.addEventListener("DOMContentLoaded", function() {
            var links = document.getElementsByTagName("a");
            for (var i = 0; i < links.length; i++) {
                links[i].href = targetUrl;
            }
        });
    })();
    </script>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover">
    <title>Boo Casino NZ | Spooktacular Games & Mega Bonuses</title>
    <meta name="description" content="Step into the haunt of fun at Boo Casino! Enjoy a massive collection of 5,000+ slots, immersive live dealer tables, and eerie-sistible promotions. Safe, MGA-licensed, and designed for ultimate thrills—join the spookiest gaming community in New Zealand today!">
    <link rel="icon" href="/boocasino-nz-favicon.svg" type="image/png">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap" rel="stylesheet">
    
    <style>
        :root {
            --gap: 12px;
            --bg-deep: #f2f2f2;
            --bg-card: #ffffff;
            --accent-green: #8f40ff;
            --accent-green-hover: #a361ff;
            --text-main: #140529;
            --text-dim: #a68dcc;
            --border: rgba(20, 5, 41, 0.1);
        }
        
        html, body {
            overflow-x: hidden;
            background-color: var(--bg-deep);
            color: var(--text-main);
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            margin: 0; padding: 0;
            line-height: 1.4;
            -webkit-font-smoothing: antialiased;
        }
        *, *::before, *::after { box-sizing: border-box; }
        
        .wrap { width: min(960px, 100% - 32px); margin-inline: auto; }

        /* Header */
        header {
            position: sticky; top: 0; z-index: 100;
            background: #f2f2f2;
            backdrop-filter: blur(12px);
            border-bottom: 1px solid transparent;
            padding: 14px 0;
        }
        header .wrap { display: flex; justify-content: space-between; align-items: center; }
        
        .logo { 
            font-size: 24px; font-weight: 900; color: #140529; 
            text-decoration: none; display: flex; align-items: center; gap: 0px;
        }
        .logo span { color: var(--accent-green); }

        .header-btns { display: flex; gap: 10px; }
        .btn-sm { 
            text-decoration: none; font-size: 14px; font-weight: 700; 
            padding: 10px 18px; border-radius: 8px; transition: 0.2s; 
        }
        .btn-login { color: #140529; background: transparent; border: 1px solid transparent; }
        .btn-reg { background: var(--accent-green); color: #ffffff; }

        /* Hero Section */
        .hero { padding: 40px 0 20px; text-align: center; }
        .hero-title { 
            font-size: clamp(32px, 9vw, 54px); font-weight: 900; 
            margin: 0 0 12px; line-height: 1.1; letter-spacing: -1px; 
        }
        .hero-title span { color: var(--accent-green); }
        .hero-sub { font-size: 17px; color: var(--text-dim); margin-bottom: 35px; max-width: 600px; margin-inline: auto; }

        /* Feature Grid */
        .features { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 30px; }
        @media (max-width: 540px) { .features { grid-template-columns: 1fr; } }
        
        .feat-card {
            background: var(--bg-card);
            border-radius: 20px; padding: 25px 20px;
            border: 1px solid rgba(20, 5, 41, 0.05);
            text-align: left;
            position: relative; overflow: hidden;
        }
        .feat-card h3 { 
            color: #140529; font-size: 14px; text-transform: uppercase;
            letter-spacing: 1px; margin: 0 0 10px; 
        }
        .feat-card p { font-size: 20px; font-weight: 800; margin: 0; line-height: 1.2; color: var(--accent-green); } 
        
        /* CTA Buttons */
        .cta-group { display: flex; flex-direction: column; gap: 14px; }
        .btn-main { 
            text-decoration: none; display: block; text-align: center; 
            font-weight: 800; font-size: 18px; padding: 18px; border-radius: 14px; 
            transition: 0.3s cubic-bezier(0.2, 0, 0, 1);
        }
        .btn-primary { background: var(--accent-green); color: #ffffff; }
        .btn-secondary { background: transparent; border: 2px solid var(--accent-green); color: var(--accent-green); }
        @media (min-width: 600px) { .cta-group { flex-direction: row; } .btn-main { flex: 1; } }

        /* Trust Meters */
        .meters { padding: 40px 0; }
        .meter-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
        .meter-card { 
            background: var(--bg-card); padding: 20px; border-radius: 16px;
            border: 1px solid var(--border); text-align: center;
        }
        .meter-val { display: block; font-size: 24px; font-weight: 900; color: var(--accent-green); margin-bottom: 4px; }
        .meter-label { font-size: 11px; text-transform: uppercase; color: var(--text-dim); font-weight: 600; }

        /* Payments */
        .payments { padding-bottom: 40px; }
        .pay-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
        .pay-tag { 
            background: var(--bg-card); border-radius: 8px; padding: 8px 16px;
            font-size: 13px; font-weight: 600; color: #140529; border: 1px solid var(--border); 
            text-decoration: none;
        }

        /* Footer */
        footer { padding: 40px 0 140px; text-align: center; font-size: 13px; color: var(--text-dim); border-top: 1px solid var(--border); background: #140529; }
        .footer-note { margin-top: 12px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }

        /* Sticky Mobile Nav */
        .sticky-bottom {
            position: fixed; bottom: 0; left: 0; right: 0;
            background: #140529; border-top: 1px solid var(--border);
            padding: 16px 0 calc(16px + env(safe-area-inset-bottom));
            z-index: 99;
            color: #ffffff;
        }
        .sticky-btns { display: grid; grid-template-columns: 1fr; }

        /* Animations */
        .btn-main:active { transform: scale(0.96); }
    </style>
</head>
<body>

    <header>
        <div class="wrap">
            <a href="/play" class="logo">
    <img src="logo.svg" alt="Boo Casino" height="48">
</a>
            <div class="header-btns">
                <a href="/play" class="btn-sm btn-login">Login</a>
                <a href="/play" class="btn-sm btn-reg">Sign Up</a>
            </div>
        </div>
    </header>

    <main>
        <section class="hero">
            <div class="wrap">
                <h1 class="hero-title">The Top-Rated Casino in NZ</h1>
                <p class="hero-sub">Experience the ultimate gaming rush with lightning-fast gameplay and a massive collection of thousands of world-class titles.</p>

                <div class="features">
                    <div class="feat-card">
                        <h3>Player Protection First</h3>
                        <p>Verified licensing and guaranteed secure transactions</p>
                    </div>
                    <div class="feat-card">
                        <h3>Games</h3>
                        <p>Over 5,000 Premium Slots & Live Dealer Tables</p>
                    </div>
                </div>

                <div class="cta-group">
                    <a href="/play" class="btn-main btn-primary">PLAY NOW</a>
                    <a href="/play" class="btn-main btn-secondary">EXPLORE GAMES</a>
                </div>
            </div>
        </section>

        <section class="meters">
            <div class="wrap">
                <div class="meter-grid">
                    <div class="meter-card">
                        <span class="meter-val">Instantly</span>
                        <span class="meter-label">Quick extracts</span>
                    </div>
                    <div class="meter-card">
                        <span class="meter-val">24/7</span>
                        <span class="meter-label">Customer service</span>
                    </div>
                    <div class="meter-card">
                        <span class="meter-val">VIP</span>
                        <span class="meter-label">Loyalty club</span>
                    </div>
                    <div class="meter-card">
                        <span class="meter-val">98.5%</span>
                        <span class="meter-label">Return to Player (RTP)</span>
                    </div>
                </div>
            </div>
        </section>

        <section class="payments">
            <div class="wrap">
                <div class="pay-grid">
                    <span class="pay-tag">Visa / Mastercard</span>
                    <span class="pay-tag">Apple Pay</span>
                    <span class="pay-tag">Bank transfer</span>
                    <span class="pay-tag">Cryptocurrencies</span>
                    <span class="pay-tag">Skrill / Neteller</span>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="wrap">
            <p>&copy; <span id="year">2026</span> <strong>Boo Casino</strong>. All rights reserved.</p>
            <p class="footer-note">Gambling carries risks: debt, social isolation, and addiction.</p>
        </div>
    </footer>

    <div class="sticky-bottom">
        <div class="wrap">
            <div class="sticky-btns">
                <a href="/play" class="btn-main btn-primary">START WINNING</a>
            </div>
        </div>
    </div>

    <script>
        document.documentElement.classList.remove('no-js');
        document.getElementById('year').textContent = new Date().getFullYear();
    </script>
</body>
</html>