:root {
    /* Colors */
    --bg-primary: #0F172A;
    --bg-secondary: #16213E;
    --surface: #1E293B;
    --accent-primary: #00D4AA;
    --accent-primary-hover: #00b38f;
    --accent-secondary: #38BDF8;
    --accent-gold: #FBBF24;
    --text-primary: #F8FAFC;
    --text-secondary: #CBD5E1;
    --text-muted: #94A3B8;
    --border-color: rgba(255, 255, 255, 0.08);

    /* Typography */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Inter', sans-serif;
    
    /* Layout */
    --max-width: 1280px;
    --text-max-width: 750px;
    --spacing-desktop: 120px;
    --spacing-tablet: 80px;
    --spacing-mobile: 60px;
}

/* Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-body);
    background-color: var(--bg-primary);
    color: var(--text-secondary);
    line-height: 1.6;
    font-size: 16px;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--text-primary);
    margin-bottom: 1rem;
    line-height: 1.2;
}

a {
    color: var(--accent-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--accent-secondary);
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Layout Classes */
.container {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 5%;
}

.max-width-container {
    max-width: var(--text-max-width);
    margin: 0 auto;
}

.section-padding {
    padding: var(--spacing-desktop) 0;
}

.surface-bg {
    background-color: var(--bg-secondary);
}

.center {
    text-align: center;
}

.hidden {
    display: none !important;
}

/* Typography Hierarchy */
.section-title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.section-subtitle {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin-bottom: 3rem;
    max-width: var(--text-max-width);
}

.center .section-subtitle {
    margin-left: auto;
    margin-right: auto;
}

/* Buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 1.5rem;
    font-weight: 600;
    font-family: var(--font-body);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    font-size: 1rem;
}

.btn-primary {
    background-color: var(--accent-primary);
    color: #000;
}

.btn-primary:hover {
    background-color: var(--accent-primary-hover);
    color: #000;
}

.btn-secondary {
    background-color: transparent;
    border: 1px solid var(--accent-primary);
    color: var(--accent-primary);
}

.btn-secondary:hover {
    background-color: rgba(0, 212, 170, 0.1);
}

.btn-sm {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

/* Header */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(15, 23, 42, 0.9);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

.header-container {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 1rem 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brand-logo {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--text-primary);
}

.brand-logo:hover {
    color: var(--accent-primary);
}

.main-nav .nav-list {
    display: flex;
    gap: 1.5rem;
}

.main-nav a {
    color: var(--text-secondary);
    font-size: 0.9rem;
    font-weight: 500;
}

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

.mobile-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
}

.hamburger, .hamburger::before, .hamburger::after {
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--text-primary);
    transition: all 0.3s ease;
}

.hamburger::before, .hamburger::after {
    content: '';
    position: absolute;
}

.hamburger::before { transform: translateY(-8px); }
.hamburger::after { transform: translateY(8px); }

/* Hero Section */
.hero-section {
    padding-top: 100px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: radial-gradient(circle at right top, var(--bg-secondary) 0%, var(--bg-primary) 100%);
}

.hero-container {
    display: flex;
    align-items: center;
    gap: 40px;
    width: 100%;
}

.hero-content {
    flex: 1;
    max-width: 600px;
}

.hero-headline {
    font-size: 3.5rem;
    line-height: 1.1;
    margin-bottom: 1.5rem;
}

.hero-subheadline {
    font-size: 1.2rem;
    color: var(--text-secondary);
    margin-bottom: 2rem;
    max-width: 500px;
}

.hero-actions {
    display: flex;
    gap: 1rem;
}

.hero-visual {
    flex: 1;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

.hero-stadium-img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    display: block;
}

/* Tournament Overview */
.overview-layout {
    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap;
}

.overview-text {
    flex: 0 0 45%;
    min-width: 500px;
    max-width: var(--text-max-width);
}

.overview-text p {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
}

.overview-img-wrapper {
    flex: 1 1 50%;
    border-radius: 8px;
    overflow: hidden;
}

.overview-pitch-img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}

/* Title Race Overview */
.ranking-cards {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 800px;
    margin: 0 auto;
}

.horizontal-card {
    display: flex;
    align-items: center;
    background-color: var(--surface);
    border: 1px solid var(--border-color);
    padding: 1.5rem;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.horizontal-card:hover {
    transform: translateX(10px);
    border-color: var(--accent-primary);
}

.rank-badge {
    font-family: var(--font-heading);
    font-size: 2rem;
    font-weight: 800;
    color: var(--accent-gold);
    min-width: 60px;
    text-align: center;
}

.card-details {
    flex: 1;
    padding: 0 1.5rem;
}

.team-name {
    font-size: 1.5rem;
    margin-bottom: 0.2rem;
}

.group-label {
    font-size: 0.9rem;
    color: var(--text-muted);
}

.stats-row {
    display: flex;
    gap: 2rem;
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.stat-label {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: var(--text-muted);
    letter-spacing: 0.05em;
}

.stat-value {
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--text-primary);
}

.stat-value.highlight {
    color: var(--accent-secondary);
}

/* Top 10 Matchups */
.matchup-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2rem;
}

.matchup-card {
    background-color: var(--surface);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1.5rem;
    transition: transform 0.3s ease;
}

.matchup-card:hover {
    transform: translateY(-5px);
    border-color: var(--accent-primary);
}

.matchup-header {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 1rem;
}

.group-badge {
    display: inline-block;
    font-size: 0.75rem;
    background-color: var(--bg-primary);
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    color: var(--accent-primary);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.match-title {
    font-size: 1.25rem;
    margin: 0;
}

.matchup-teams {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    background: var(--bg-primary);
    padding: 1rem;
    border-radius: 4px;
}

.team {
    display: flex;
    flex-direction: column;
    text-align: center;
    flex: 1;
}

.team strong {
    font-size: 1.1rem;
    color: var(--text-primary);
}

.higher-ranked {
    font-size: 0.7rem;
    color: var(--accent-gold);
    margin-bottom: 0.2rem;
}

.vs {
    font-weight: 800;
    color: var(--text-muted);
    padding: 0 1rem;
    font-size: 0.9rem;
}

.matchup-stats p {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    padding: 0.4rem 0;
    border-bottom: 1px dashed var(--border-color);
}

.matchup-stats p:last-child {
    border-bottom: none;
}

/* Expanded Guides */
.editorial-column {
    max-width: var(--text-max-width);
    margin: 0 auto;
}

.expanded-guide-block {
    margin-bottom: 4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid var(--border-color);
}

.expanded-guide-block:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.guide-meta {
    font-size: 0.9rem;
    color: var(--text-muted);
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.guide-meta .badge {
    background-color: var(--accent-primary);
    color: #000;
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
    font-weight: 600;
    font-size: 0.75rem;
}

.expanded-guide-block h3 {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
}

.expanded-guide-block p {
    margin-bottom: 1.2rem;
    font-size: 1.05rem;
}

.expanded-guide-block p strong {
    color: var(--text-primary);
}

.group-note {
    font-style: italic;
    color: var(--text-muted);
    background: var(--bg-primary);
    padding: 1rem;
    border-left: 3px solid var(--accent-secondary);
    margin-top: 1.5rem;
}

/* Group Balance */
.group-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

.group-summary-card {
    background: var(--surface);
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

.group-summary-card h4 {
    color: var(--accent-primary);
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

.group-summary-card p {
    font-size: 0.95rem;
    margin-bottom: 0.8rem;
}

/* Host Nations Watch */
.host-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.host-card {
    background: var(--bg-primary);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border-color);
}

.host-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.host-content {
    padding: 1.5rem;
}

.host-content h3 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.host-stats {
    margin-bottom: 1.5rem;
    background: var(--surface);
    padding: 1rem;
    border-radius: 4px;
}

.host-stats li {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    padding: 0.3rem 0;
    border-bottom: 1px solid var(--border-color);
}

.host-stats li:last-child {
    border-bottom: none;
}

.editorial-text {
    font-size: 0.95rem;
    color: var(--text-muted);
}

/* Tournament Guide */
.guide-content h4 {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    color: var(--accent-secondary);
}

.guide-content p {
    margin-bottom: 1rem;
}

/* FAQ */
.faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.faq-item {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    overflow: hidden;
}

.faq-question {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 1.2rem 1.5rem;
    font-size: 1.1rem;
    font-family: var(--font-heading);
    color: var(--text-primary);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-question .icon {
    color: var(--accent-primary);
    font-size: 1.5rem;
    font-weight: 300;
    transition: transform 0.3s ease;
}

.faq-question.active .icon {
    transform: rotate(45deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: var(--surface);
}

.faq-answer p {
    padding: 0 1.5rem 1.2rem 1.5rem;
    font-size: 0.95rem;
}

/* Contact */
.contact-layout {
    display: flex;
    gap: 40px;
    max-width: 900px;
    margin: 0 auto;
}

.contact-form-wrapper {
    flex: 2;
    background: var(--surface);
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

.contact-info {
    flex: 1;
    background: var(--bg-secondary);
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    color: var(--text-primary);
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 0.8rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-primary);
    font-family: var(--font-body);
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--accent-primary);
}

.form-message {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 4px;
    font-size: 0.9rem;
}

.form-message.success {
    background: rgba(0, 212, 170, 0.1);
    color: var(--accent-primary);
    border: 1px solid var(--accent-primary);
}

.form-message.error {
    background: rgba(255, 99, 71, 0.1);
    color: #ff6347;
    border: 1px solid #ff6347;
}

.address-box {
    margin-top: 1rem;
    font-size: 0.95rem;
    line-height: 1.8;
    color: var(--text-muted);
}

/* Legal Pages */
.legal-page {
    padding-top: 150px;
    padding-bottom: 100px;
}

.legal-content {
    background: var(--surface);
    padding: 3rem;
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

.legal-content h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--accent-secondary);
}

.legal-content p, .legal-content ul {
    margin-bottom: 1.2rem;
}

.legal-content ul {
    list-style: disc;
    padding-left: 2rem;
}

/* Footer */
.site-footer {
    background: linear-gradient(to bottom, #08111F, #0F172A);
    border-top: 2px solid var(--accent-primary);
    padding-top: 4rem;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 2rem;
    margin-bottom: 3rem;
}

.footer-logo {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.footer-desc {
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 300px;
}

.footer-col h4 {
    font-size: 1.1rem;
    margin-bottom: 1.2rem;
    color: var(--text-primary);
}

.footer-col ul li {
    margin-bottom: 0.8rem;
}

.footer-col ul li a {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.footer-col ul li a:hover {
    color: var(--accent-primary);
}

.footer-address {
    font-size: 0.9rem;
    color: var(--text-muted);
    line-height: 1.6;
}

.footer-bottom {
    border-top: 1px solid var(--border-color);
    padding: 1.5rem 0;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Cookie Banner */
.cookie-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: var(--surface);
    border: 1px solid var(--accent-primary);
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    z-index: 9999;
    max-width: 350px;
}

.cookie-content p {
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.cookie-actions {
    display: flex;
    gap: 0.5rem;
}

/* Media Queries */
@media (max-width: 1024px) {
    .section-padding { padding: var(--spacing-tablet) 0; }
    
    .overview-text {
        min-width: 100%;
        flex: 1 1 100%;
    }
    
    .overview-img-wrapper {
        flex: 1 1 100%;
    }

    .host-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .section-padding { padding: var(--spacing-mobile) 0; }

    .header-cta { display: none; }
    
    .mobile-toggle { display: block; position: relative; z-index: 1001;}
    
    .main-nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 250px;
        height: 100vh;
        background: var(--surface);
        padding: 80px 20px 20px;
        transition: right 0.3s ease;
        box-shadow: -5px 0 15px rgba(0,0,0,0.5);
    }
    
    .main-nav.active { right: 0; }
    
    .main-nav .nav-list {
        flex-direction: column;
    }

    .hero-container {
        flex-direction: column;
        padding-top: 40px;
    }

    .hero-headline {
        font-size: 2.5rem;
    }

    .ranking-cards {
        padding: 0 1rem;
    }

    .horizontal-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .card-details { padding: 0; }
    
    .host-cards-grid {
        grid-template-columns: 1fr;
    }

    .contact-layout {
        flex-direction: column;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

    .flex-between {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
}
/* ENDFILE */

<!-- FILE: main.js -->
document.addEventListener('DOMContentLoaded', () => {

    // Mobile Menu Toggle
    const mobileToggle = document.getElementById('mobile-toggle');
    const mainNav = document.getElementById('main-nav');
    const hamburger = document.querySelector('.hamburger');

    if (mobileToggle) {
        mobileToggle.addEventListener('click', () => {
            mainNav.classList.toggle('active');
            // Animate hamburger to X
            if(mainNav.classList.contains('active')) {
                hamburger.style.backgroundColor = 'transparent';
                hamburger.style.setProperty('--hamburger-before-transform', 'rotate(45deg) translate(5px, 5px)');
                hamburger.style.setProperty('--hamburger-after-transform', 'rotate(-45deg) translate(5px, -5px)');
            } else {
                hamburger.style.backgroundColor = 'var(--text-primary)';
            }
        });
    }

    // FAQ Accordion
    const faqQuestions = document.querySelectorAll('.faq-question');
    
    faqQuestions.forEach(question => {
        question.addEventListener('click', () => {
            const answer = question.nextElementSibling;
            const isOpen = question.classList.contains('active');

            // Close all other accordions
            faqQuestions.forEach(q => {
                q.classList.remove('active');
                q.nextElementSibling.style.maxHeight = null;
            });

            if (!isOpen) {
                question.classList.add('active');
                answer.style.maxHeight = answer.scrollHeight + "px";
            }
        });
    });

    // Contact Form Simulation
    const contactForm = document.getElementById('contact-form');
    
    if (contactForm) {
        contactForm.addEventListener('submit', (e) => {
            e.preventDefault();
            const btn = contactForm.querySelector('.submit-btn');
            const btnText = btn.querySelector('.btn-text');
            const btnLoading = btn.querySelector('.btn-loading');
            const successMsg = contactForm.querySelector('.form-message.success');
            const errorMsg = contactForm.querySelector('.form-message.error');

            // Reset states
            successMsg.classList.add('hidden');
            errorMsg.classList.add('hidden');
            
            // Loading state
            btn.disabled = true;
            btnText.classList.add('hidden');
            btnLoading.classList.remove('hidden');

            // Simulate API call
            setTimeout(() => {
                btn.disabled = false;
                btnText.classList.remove('hidden');
                btnLoading.classList.add('hidden');
                
                // Show success
                successMsg.classList.remove('hidden');
                contactForm.reset();
            }, 1500);
        });
    }

    // Cookie Banner Logic
    const cookieBanner = document.getElementById('cookie-banner');
    const acceptBtn = document.getElementById('accept-cookies');
    const rejectBtn = document.getElementById('reject-cookies');

    if (cookieBanner) {
        const consent = localStorage.getItem('cookieConsent');
        
        if (!consent) {
            cookieBanner.classList.remove('hidden');
        }

        acceptBtn.addEventListener('click', () => {
            localStorage.setItem('cookieConsent', 'accepted');
            cookieBanner.classList.add('hidden');
        });

        rejectBtn.addEventListener('click', () => {
            localStorage.setItem('cookieConsent', 'rejected');
            cookieBanner.classList.add('hidden');
        });
    }

    // Smooth Scroll for Anchor Links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            const href = this.getAttribute('href');
            if(href !== '#') {
                e.preventDefault();
                const target = document.querySelector(href);
                if (target) {
                    mainNav.classList.remove('active');
                    target.scrollIntoView({
                        behavior: 'smooth'
                    });
                }
            }
        });
    });
});
/* ENDFILE */

<!-- FILE: privacy.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Privacy Policy - Teamoralioo</title>
    <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;500;600&family=Playfair+Display:wght@600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <!-- Header -->
    <header class="site-header">
        <div class="header-container">
            <a href="index.html" class="brand-logo">Teamoralioo</a>
            <nav class="main-nav" id="main-nav">
                <ul class="nav-list">
                    <li><a href="index.html#overview">Overview</a></li>
                    <li><a href="index.html#matchups">Matchups</a></li>
                    <li><a href="index.html#groups">Groups</a></li>
                    <li><a href="index.html#contact">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main class="legal-page container">
        <div class="legal-content max-width-container">
            <h1 class="section-title">Privacy Policy</h1>
            <p class="section-subtitle">Last Updated: May 2026</p>

            <h2>Information Collection</h2>
            <p>At Teamoralioo, we collect information you provide directly to us when you use our website, such as when you submit a contact form. This may include your name, email address, and any contents of the messages you send.</p>

            <h2>Data Usage</h2>
            <p>We use the information we collect to operate, maintain, and provide the features and functionality of the website, to communicate directly with you, and to improve our editorial content surrounding the World Cup 2026.</p>

            <h2>Cookies</h2>
            <p>We use cookies and similar tracking technologies to track activity on our service and hold certain information. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent via our Cookie Banner controls.</p>

            <h2>Security</h2>
            <p>The security of your data is important to us, but remember that no method of transmission over the Internet is 100% secure. While we strive to use commercially acceptable means to protect your Personal Data, we cannot guarantee its absolute security.</p>

            <h2>User Rights</h2>
            <p>Depending on your location, you may have rights regarding your personal data, including the right to access, correct, update, or request deletion of your information.</p>

            <h2>Contact Information</h2>
            <p>If you have any questions about this Privacy Policy, please contact us at:</p>
            <div class="address-box">
                [ADDRESS_BLOCK]
            </div>
        </div>
    </main>

    <!-- Footer -->
    <footer class="site-footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-col brand-col">
                    <h3 class="footer-logo">Teamoralioo</h3>
                    <p class="footer-desc">A refined World Cup 2026 guide focused on standout group-stage matchups, title favorites and tournament context.</p>
                </div>
                <div class="footer-col links-col">
                    <h4>Tournament</h4>
                    <ul>
                        <li><a href="index.html#overview">Overview</a></li>
                        <li><a href="index.html#matchups">Matchups</a></li>
                    </ul>
                </div>
                <div class="footer-col links-col">
                    <h4>Information</h4>
                    <ul>
                        <li><a href="privacy.html">Privacy Policy</a></li>
                        <li><a href="terms.html">Terms & Conditions</a></li>
                        <li><a href="cookies.html">Cookie Policy</a></li>
                    </ul>
                </div>
                <div class="footer-col contact-col">
                    <h4>Contact</h4>
                    <div class="footer-address">
                        [ADDRESS_BLOCK]
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container flex-between">
                <span>&copy; 2026 Teamoralioo.boats</span>
                <span>World Cup 2026 Editorial Guide</span>
            </div>
        </div>
    </footer>

</body>
</html>