```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 | Uber Taxi</title>
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;500;600&display=swap" rel="stylesheet">
    <style>
        /* ===== BASE STYLES ===== */
        :root {
            --yellow-primary: #FFC72C;
            --black: #000000;
            --dark-gray: #333333;
            --gray: #757575;
            --light-gray: #f4f4f4;
            --white: #ffffff;
            --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            --transition: all 0.3s ease;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Open Sans', sans-serif;
            color: var(--dark-gray);
            line-height: 1.6;
            overflow-x: hidden;
            background-color: var(--white);
        }
        
        h1, h2, h3, h4 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 1rem;
            color: var(--black);
        }
        
        p {
            margin-bottom: 1.25rem;
        }
        
        strong {
            color: var(--black);
        }
        
        a {
            color: var(--black);
            text-decoration: none;
            transition: var(--transition);
        }
        
        a:hover {
            color: var(--yellow-primary);
        }
        
        .container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1rem;
        }
        
        .btn {
            display: inline-block;
            background: var(--yellow-primary);
            color: var(--black);
            padding: 0.8rem 1.8rem;
            border-radius: 50px;
            font-weight: 600;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            font-size: 0.9rem;
            border: none;
            cursor: pointer;
            transition: var(--transition);
            box-shadow: var(--shadow);
        }
        
        .btn:hover {
            background: #e0b024;
            color: var(--black);
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
        }
        
        /* ===== HEADER ===== */
        header {
            background-color: var(--white);
            box-shadow: var(--shadow);
            position: sticky;
            top: 0;
            z-index: 100;
            padding: 1rem 0;
        }
        
        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.8rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--black);
        }
        
        .logo-icon {
            color: var(--yellow-primary);
            font-size: 2.2rem;
        }
        
        nav ul {
            display: flex;
            gap: 1.5rem;
            list-style: none;
        }
        
        nav a {
            font-weight: 600;
            font-size: 0.95rem;
        }
        
        /* ===== HERO SECTION ===== */
        .hero {
            background: 
                linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), 
                url('https://images.unsplash.com/photo-1569335468884-6d6919dccdc0?ixlib=rb-4.0.3&auto=format&fit=crop&w=1950&q=80');
            background-size: cover;
            background-position: center;
            color: var(--white);
            padding: 8rem 0;
            text-align: center;
        }
        
        .hero h1 {
            font-size: 3.5rem;
            margin-bottom: 1.5rem;
            color: var(--white);
            letter-spacing: -0.5px;
        }
        
        .hero p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto 2rem;
            opacity: 0.9;
        }
        
        /* ===== MAIN CONTENT ===== */
        main {
            padding: 5rem 0;
            background-color: var(--white);
        }
        
        .content-section {
            display: flex;
            flex-direction: column;
            gap: 3rem;
        }
        
        .policy-section {
            background: var(--light-gray);
            border-radius: 12px;
            padding: 2.5rem;
            box-shadow: var(--shadow);
        }
        
        .policy-section h2 {
            position: relative;
            padding-bottom: 0.75rem;
            font-size: 1.8rem;
        }
        
        .policy-section h2::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 80px;
            height: 4px;
            background: var(--yellow-primary);
            border-radius: 2px;
        }
        
        .policy-section p {
            font-size: 1rem;
            color: var(--gray);
        }
        
        .highlights {
            margin: 2rem 0;
            padding: 1.5rem;
            background: white;
            border-left: 4px solid var(--yellow-primary);
            border-radius: 0 8px 8px 0;
        }
        
        /* ===== FOOTER ===== */
        footer {
            background: var(--black);
            color: var(--white);
            padding: 4rem 0 2rem;
        }
        
        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 3rem;
            margin-bottom: 3rem;
        }
        
        .footer-column h3 {
            color: var(--white);
            font-size: 1.4rem;
            margin-bottom: 1.5rem;
            padding-bottom: 0.75rem;
            position: relative;
        }
        
        .footer-column h3::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 50px;
            height: 3px;
            background: var(--yellow-primary);
        }
        
        .footer-links {
            list-style: none;
        }
        
        .footer-links li {
            margin-bottom: 0.8rem;
        }
        
        .footer-links a {
            color: #aaaaaa;
        }
        
        .footer-links a:hover {
            color: var(--yellow-primary);
            margin-left: 5px;
        }
        
        .social-links {
            display: flex;
            gap: 1rem;
            margin-top: 1.5rem;
        }
        
        .social-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            color: var(--white);
            transition: var(--transition);
        }
        
        .social-icon:hover {
            background: var(--yellow-primary);
            color: var(--black);
            transform: translateY(-3px);
        }
        
        .copyright {
            text-align: center;
            padding-top: 2rem;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            color: #aaaaaa;
            font-size: 0.9rem;
        }
        
        /* ===== RESPONSIVE DESIGN ===== */
        @media (max-width: 768px) {
            .header-container {
                flex-direction: column;
                gap: 1rem;
            }
            
            nav ul {
                gap: 1rem;
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .hero {
                padding: 5rem 0;
            }
            
            .hero h1 {
                font-size: 2.5rem;
            }
            
            .policy-section {
                padding: 1.5rem;
            }
            
            .footer-grid {
                gap: 2rem;
            }
        }
        
        @media (max-width: 480px) {
            .hero h1 {
                font-size: 2rem;
            }
            
            .hero p {
                font-size: 1rem;
            }
            
            .footer-column {
                text-align: center;
            }
            
            .footer-column h3::after {
                left: 50%;
                transform: translateX(-50%);
            }
            
            .social-links {
                justify-content: center;
            }
        }
    </style>
</head>
<body>
    <!-- Header -->
    <header>
        <div class="container header-container">
            <a href="#" class="logo">
                <span class="logo-icon">🔰</span>
                UBER TAXI
            </a>
            <nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <h1>Privacy Policy</h1>
            <p>We are committed to protecting your personal information and ensuring transparency about the data we collect and how it's used.</p>
            <a href="#policy-details" class="btn">Read Policy</a>
        </div>
    </section>

    <!-- Main Content -->
    <main id="policy-details">
        <div class="container">
            <div class="content-section">
                <section class="policy-section">
                    <h2>Information We Collect</h2>
                    <p>We collect information to provide better services to all our users. This includes:</p>
                    <div class="highlights">
                        <p><strong>Personal Details</strong> - Full name, email address, phone number when you create an account.</p>
                        <p><strong>Location Data</strong> - We collect precise or approximate location through GPS, WiFi, Bluetooth to improve ride services.</p>
                        <p><strong>Payment Information</strong> - Credit card details and transaction history for billing purposes.</p>
                        <p><strong>Usage Information</strong> - How you interact with our services including app usage statistics.</p>
                    </div>
                </section>

                <section class="policy-section">
                    <h2>How We Use Information</h2>
                    <p>We use the information we collect for the following purposes:</p>
                    <p><strong>Service Delivery</strong> - Matching you with drivers, processing payments, and trip tracking.</p>
                    <p><strong>User Experience</strong> - Personalizing your experience and improving our app's functionality.</p>
                    <p><strong>Safety & Security</strong> - Verifying accounts, detecting and preventing fraud.</p>
                    <p><strong>Communication</strong> - Serving important service updates, promotions and newsletters.</p>
                </section>

                <section class="policy-section">
                    <h2>Information Sharing</h2>
                    <p>We may share your information in the following circumstances:</p>
                    <p><strong>Service Providers</strong> - Third parties who perform services on our behalf (payment processing, analytics).</p>
                    <p><strong>Legal Compliance</strong> - When required by law or to protect Uber Taxi's rights.</p>
                    <p><strong>Business Transfers</strong> - In connection with any merger or sale of company assets.</p>
                    <div class="highlights">
                        <p>We <strong>DO NOT</strong> sell your personal information to advertising platforms or data brokers.</p>
                    </div>
                </section>

                <section class="policy-section">
                    <h2>Data Security</h2>
                    <p>We implement robust security measures including:</p>
                    <p><strong>Encryption</strong> - All data transmissions are secured with SSL encryption.</p>
                    <p><strong>Access Controls</strong> - Strict access restrictions to prevent unauthorized data access.</p>
                    <p><strong>Security Audits</strong> - Regular testing of our security infrastructure.</p>
                    <p>However, no method of electronic transmission is 100% secure and absolute security cannot be guaranteed.</p>
                </section>

                <section class="policy-section">
                    <h2>Your Privacy Rights</h2>
                    <p>Depending on your location, you may have rights including:</p>
                    <p><strong>Access</strong> - Request access to personal data we hold about you.</p>
                    <p><strong>Correction</strong> - Request correction of incorrect or incomplete data.</p>
                    <p><strong>Deletion</strong> - Request deletion of personal data under certain conditions.</p>
                    <p>To exercise these rights, contact our Data Protection Officer at privacy@uber-taxi.com</p>
                </section>

                <section class="policy-section">
                    <h2>Policy Updates</h2>
                    <p>We may update this policy periodically. The latest version will always be posted on our website with an updated effective date. We will notify users of material changes through the app or via email.</p>
                    <p><strong>Last Updated:</strong> January 15, 2023</p>
                </section>
            </div>
        </div>
    </main>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-grid">
                <div class="footer-column">
                    <h3>UBER TAXI</h3>
                    <p>Premium ride-hailing service making transportation reliable, safe, and accessible for everyone.</p>
                    <div class="social-links">
                        <a href="#" class="social-icon">f</a>
                        <a href="#" class="social-icon">in</a>
                        <a href="#" class="social-icon">t</a>
                        <a href="#" class="social-icon">ig</a>
                    </div>
                </div>
                <div class="footer-column">
                    <h3>Our Services</h3>
                    <ul class="footer-links">
                        <li><a href="#">Ride Booking</a></li>
                        <li><a href="#">Uber Comfort</a></li>
                        <li><a href="#">Airport Transfers</a></li>
                        <li><a href="#">Group Rides</a></li>
                        <li><a href="#">Corporate Solutions</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h3>Company</h3>
                    <ul class="footer-links">
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Careers</a></li>
                        <li><a href="#">Press Center</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h3>Legal</h3>
                    <ul class="footer-links">
                        <li><a href="#">Terms of Service</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                        <li><a href="#">Cookie Policy</a></li>
                        <li><a href="#">Safety Standards</a></li>
                        <li><a href="#">Compliance</a></li>
                    </ul>
                </div>
            </div>
            <div class="copyright">
                <p>&copy; 2023 Uber Taxi Service. All rights reserved. Various trademarks held by their respective owners.</p>
            </div>
        </div>
    </footer>
</body>
</html>
```