--primary: #2d4a3e;
            --primary-dark: #1b3028;
            --accent: #d4a373;
            --bg-light: #f4f1de;
            --text-dark: #2b2d42;
            --white: #ffffff;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            background-color: var(--bg-light);
            color: var(--text-dark);
            line-height: 1.6;
        }

        /* Navigation */
        header {
            background-color: var(--primary-dark);
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }

        nav {
            max-width: 1100px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 2rem;
        }

        .logo {
            color: var(--white);
            font-size: 1.5rem;
            font-weight: bold;
            text-decoration: none;
        }

        .logo span {
            color: var(--accent);
        }

        .nav-links {
            display: flex;
            list-style: none;
            gap: 1.5rem;
        }

        .nav-links a {
            color: var(--white);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
        }

        .nav-links a:hover {
            color: var(--accent);
        }

        .donate-btn-nav {
            background-color: var(--accent);
            color: var(--primary-dark) !important;
            padding: 0.5rem 1rem;
            border-radius: 5px;
            font-weight: bold !important;
        }

        /* Hero Section */
        .hero {
            background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://images.unsplash.com/photo-1504280390367-361c6d9f38f4?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat;
            height: 60vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: var(--white);
            padding: 0 1rem;
        }

        .hero h1 {
            font-size: 3rem;
            margin-bottom: 1rem;
        }

        .hero p {
            font-size: 1.25rem;
            max-width: 600px;
            margin-bottom: 1.5rem;
        }

        .badge {
            background-color: var(--accent);
            color: var(--primary-dark);
            padding: 0.3rem 0.8rem;
            border-radius: 20px;
            font-weight: bold;
            font-size: 0.9rem;
            margin-bottom: 1rem;
            display: inline-block;
        }

        /* Main Container */
        .container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 3rem 1.5rem;
        }

        section {
            margin-bottom: 4rem;
            scroll-margin-top: 80px;
        }

        h2 {
            color: var(--primary);
            font-size: 2.2rem;
            margin-bottom: 1rem;
            border-bottom: 3px solid var(--accent);
            display: inline-block;
            padding-bottom: 0.3rem;
        }

        /* Grid Cards */
        .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin-top: 1.5rem;
        }

        .card {
            background-color: var(--white);
            padding: 1.5rem;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
            border-top: 4px solid var(--primary);
        }

        .card h3 {
            color: var(--primary);
            margin-bottom: 0.5rem;
        }

        /* Payment List */
        .payment-methods {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 1rem;
            margin-top: 1.5rem;
        }

        .payment-card {
            background: var(--white);
            padding: 1.2rem;
            border-radius: 8px;
            text-align: center;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

        .payment-card strong {
            display: block;
            font-size: 1.1rem;
            color: var(--primary);
            margin-bottom: 0.5rem;
        }

        /* Footer */
        footer {
            background-color: var(--primary-dark);
            color: var(--white);
            text-align: center;
            padding: 2rem 1rem;
            margin-top: 2rem;
        }

        /* Responsive */
        @media (max-width: 768px) {
            nav {
                flex-direction: column;
                gap: 1rem;
            }
            .hero h1 {
                font-size: 2.2rem;
            }
        }
    </style>
</head>
<body>

    <!-- Header Navigation -->
    <header>
        <nav>
            <a href="#" class="logo">ReddsOasis <span>Revery</span></a>
            <ul class="nav-links">
                <li><a href="#about">About Us</a></li>
                <li><a href="#things-to-do">Things To Do</a></li>
                <li><a href="#futures">Future Plans</a></li>
                <li><a href="#donate" class="donate-btn-nav">Donate</a></li>
            </ul>
        </nav>
    </header>

    <!-- Hero Section -->
    <div class="hero">
        <span class="badge">501(c)(3) Non-Profit Organization</span>
        <h1>Unplug. Reconnect. Restore.</h1>
        <p>An off-grid campsite & nature venue dedicated to conservation, community, and outdoor experiences.</p>
    </div>

    <div class="container">

        <!-- About Us Section -->
        <section id="about">
            <h2>About Us</h2>
            <p style="margin-top: 1rem;">Welcome to <strong>ReddsOasis Revery</strong>. We are a registered 501(c)(3) non-profit organization focused on providing an off-grid sanctuary where guests can detach from modern distractions and immerse themselves in nature.</p>
            <p style="margin-top: 0.5rem;">Our mission is to foster environmental stewardship, offer sustainable recreational experiences, and host community events that bring people closer to the natural world.</p>
        </section>

        <!-- Things To Do Section -->
        <section id="things-to-do">
            <h2>Things To Do</h2>
            <div class="grid">
                <div class="card">
                    <h3>Off-Grid Camping</h3>
                    <p>Pitch a tent under the stars in our peaceful, low-impact campsites designed for minimal environmental trace.</p>
                </div>
                <div class="card">
                    <h3>Nature Scavenger Hunts</h3>
                    <p>Explore native flora and local wildlife with interactive, family-friendly outdoor trails and activities.</p>
                </div>
                <div class="card">
                    <h3>Outdoor Games</h3>
                    <p>Enjoy lawn games including Frisbee golf and cornhole nestled right in natural surroundings.</p>
                </div>
                <div class="card">
                    <h3>Community Retreats</h3>
                    <p>Join organized off-grid workshops, educational wellness sessions, and outdoor gathering events.</p>
                </div>
            </div>
        </section>

        <!-- Futures Section -->
        <section id="futures">
            <h2>Future Plans</h2>
            <p style="margin-top: 1rem;">We are continuously working toward expanding our footprint and sustainable accommodations.</p>
            <div class="grid">
                <div class="card">
                    <h3>Off-Grid Cabins</h3>
                    <p>Building eco-friendly solar and rainwater-harvesting cabins for year-round, comfortable retreats.</p>
                </div>
                <div class="card">
                    <h3>Expanded Campground Facilities</h3>
                    <p>Adding dedicated group campsites, sustainable fire pits, and upgraded natural trail networks.</p>
                </div>
                <div class="card">
                    <h3>Educational Programs</h3>
                    <p>Partnering with local groups to offer youth workshops on off-grid living, ecology, and outdoor survival skills.</p>
                </div>
            </div>
        </section>

        <!-- Donation Section -->
        <section id="donate">
            <h2>Support Our Mission</h2>
            <p style="margin-top: 1rem;">As a 501(c)(3) non-profit, tax-deductible donations directly support land maintenance, sustainable build-outs, and community educational programs.</p>

            <div class="payment-methods">
                <div class="payment-card">
                    <strong>Venmo</strong>
                    <p>@ReddsOasis</p>
                </div>
                <div class="payment-card">
                    <strong>Cash App</strong>
                    <p>$ReddsOasis</p>
                </div>
                <div class="payment-card">
                    <strong>PayPal</strong>
                    <p>donate@reddsoasis.com</p>
                </div>
                <div class="payment-card">
                    <strong>In Person / Direct Mail</strong>
                    <p>Contact us or mail directly to our registered address.</p>
                </div>
            </div>
        </section>

    </div>

    <!-- Footer -->
    <footer>
        <p>&copy; 2026 ReddsOasis Revery. All rights reserved. | 501(c)(3) Non-Profit Organization</p>
    </footer>

</body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'p3plzcpnl508142'},{'dcenter':'p3'},{'cp_id':'11011679'},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>