:root {
            /* ============================================
               GLOBAL VARIABLES
               ============================================ */
            --primary-black: #111111;
            --accent-gold: #c5a059;
            --text-white: #ffffff;
            --bg-light: #fcfcfc;
            --transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

            /* ============================================
               NAVIGATION VARIABLES
               ============================================ */
           --nav-bg: rgba(255, 255, 255, 0.95);
    --nav-text-color: #111111;
    --nav-hover-color: #c5a059;
            --nav-blur: blur(10px);
            --nav-padding: 15px 8%;
            --nav-link-size: 13px;
            --nav-link-spacing: 2px;
            
            /* Logo */
            --logo-font: 'Playfair Display', serif;
            --logo-size: 22px;
            --logo-weight: bold;
            --logo-spacing: 2px;








            /* ============================================
               PAGE HEADER VARIABLES
               ============================================ */
--page-header-bg: #f8f9fa;
            --page-header-padding: 150px 8% 80px;
            
            /* Page Title */
            --page-title-font: 'Playfair Display', serif;
            --page-title-size: clamp(32px, 5vw, 48px);
--page-title-color: #111111;
            --page-title-margin: 20px;
            
            /* Breadcrumb */
            --breadcrumb-size: 13px;
--breadcrumb-color: #888888;
--breadcrumb-link-color: #111111;
--breadcrumb-hover-color: #c5a059;
            --breadcrumb-spacing: 10px;
            --breadcrumb-text-spacing: 2px;




            /* ============================================
               POLICY SECTION VARIABLES
               ============================================ */
--policy-section-bg: #ffffff;
            --policy-section-padding: 80px 8%;
            --policy-section-max-width: 1000px;
            --policy-container-gap: 20px;

            /* ============================================
               POLICY ITEM VARIABLES (FAQ Style)
               ============================================ */
--policy-item-border: 1px solid #eeeeee;
            --policy-item-padding: 10px 0;
            
            /* Policy Question */
            --policy-question-size: 18px;
--policy-question-color: #ff0000;
            --policy-question-weight: 600;
            --policy-question-spacing: 1px;
            --policy-question-padding: 20px 0;
            --policy-question-font: 'Playfair Display', serif;
--policy-question-active-color: #c5a059;
            
            /* Policy Icon */
            --policy-icon-size: 24px;
--policy-icon-color: #c5a059;
            --policy-icon-width: 30px;
            --policy-icon-height: 30px;
            
            /* Policy Answer */
            --policy-answer-size: 15px;
--policy-answer-color: #666666;
            --policy-answer-line-height: 1.8;
            --policy-answer-padding: 25px;
            --policy-answer-max-height: 500px;
            
            /* Policy List */
            --policy-list-margin: 20px;
            --policy-list-item-margin: 10px;
            --policy-list-item-padding: 20px;
--policy-list-bullet-color: #c5a059;

            --policy-list-bullet-size: bold;
            
            /* Policy Paragraph */
            --policy-paragraph-margin: 15px;











            /* ============================================
               FOOTER VARIABLES (Same as other pages)
               ============================================ */
--footer-main-bg: #111111;
            --footer-main-padding: 80px 8% 40px;
            --footer-grid-gap: 40px;
            
            /* Footer Brand */
            --footer-brand-title-font: 'Playfair Display', serif;
            --footer-brand-title-size: 28px;
--footer-brand-title-color: #c5a059;
            --footer-brand-text-size: 14px;
--footer-brand-text-color: #888888;
            --footer-brand-text-line-height: 1.8;
            
            /* Footer Social */
            --footer-social-size: 40px;
--footer-social-border: 1px solid #333333;
--footer-social-color: #00ff2a;
--footer-social-hover-bg: #c5a059;
--footer-social-hover-border: 1px solid #00ff62;
            
            /* Footer Links */
            --footer-link-title-font: 'Playfair Display', serif;
            --footer-link-title-size: 18px;
--footer-link-title-color: #ffffff;
            --footer-link-title-margin: 25px;
            --footer-link-size: 13px;
--footer-link-color: #888888;
--footer-link-hover-color: #c5a059;
            --footer-link-spacing: 1px;
            
            /* Footer Contact */
            --footer-contact-size: 14px;
--footer-contact-color: #ffffff;
--footer-contact-icon-color: #c5a059;
            --footer-contact-icon-width: 20px;
            
            /* Footer Bottom */
--footer-bottom-bg: #0a0a0a;
--footer-bottom-color: #666666;
            --footer-bottom-padding: 25px 8%;
            --footer-bottom-size: 12px;
--footer-bottom-border: 1px solid #222222;

            /* ============================================
               ANIMATION VARIABLES
               ============================================ */
            --reveal-transform: translateY(40px);
            --reveal-transition: 1s ease-out;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', sans-serif;
        }

        body {
            background-color: var(--text-white);
            color: var(--primary-black);
            overflow-x: hidden;
        }

        /* --- Navigation --- */
        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: var(--nav-padding);
            background: var(--nav-bg);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 2000;
            backdrop-filter: var(--nav-blur);
        }

        .logo-container {
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
            color: var(--nav-text-color);
            z-index: 2100;
        }

        .logo {
            font-family: var(--logo-font);
            font-size: var(--logo-size);
            font-weight: var(--logo-weight);
            letter-spacing: var(--logo-spacing);
            text-transform: uppercase;
        }

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

        .nav-links li { margin-left: 30px; }

        .nav-links a {
            text-decoration: none;
            color: var(--nav-text-color);
            font-weight: 400;
            font-size: var(--nav-link-size);
            letter-spacing: var(--nav-link-spacing);
            transition: 0.3s;
        }

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

        .hamburger {
            display: none;
            cursor: pointer;
            flex-direction: column;
            gap: 5px;
            z-index: 2100;
        }

        .hamburger span {
            display: block;
            width: 25px;
            height: 2px;
            background: var(--nav-text-color);
            transition: 0.3s;
        }

        /* --- Page Header --- */
        .page-header {
            padding: var(--page-header-padding);
            background: var(--page-header-bg);
            text-align: center;
        }

        .page-header h1 {
            font-family: var(--page-title-font);
            font-size: var(--page-title-size);
            margin-bottom: var(--page-title-margin);
            color: var(--page-title-color);
        }

        .breadcrumb {
            font-size: var(--breadcrumb-size);
            letter-spacing: var(--breadcrumb-text-spacing);
            text-transform: uppercase;
            color: var(--breadcrumb-color);
        }

        .breadcrumb a {
            color: var(--breadcrumb-link-color);
            text-decoration: none;
            transition: 0.3s;
        }

        .breadcrumb a:hover { color: var(--breadcrumb-hover-color); }

        .breadcrumb span { margin: 0 var(--breadcrumb-spacing); }

        /* --- Policy Section --- */
        .policy-section {
            padding: var(--policy-section-padding);
            background: var(--policy-section-bg);
            max-width: var(--policy-section-max-width);
            margin: 0 auto;
        }

        .policy-container {
            display: flex;
            flex-direction: column;
            gap: var(--policy-container-gap);
        }

        /* --- Policy Item (FAQ Style) --- */
        .policy-item {
            border-bottom: var(--policy-item-border);
            padding: var(--policy-item-padding);
            transition: var(--transition);
        }

        .policy-question {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: var(--policy-question-padding);
            cursor: pointer;
            font-weight: var(--policy-question-weight);
            font-size: var(--policy-question-size);
            letter-spacing: var(--policy-question-spacing);
            transition: color 0.3s ease;
            font-family: var(--policy-question-font);
            color: var(--policy-icon-color);
        }

        .policy-question span {
            font-size: var(--policy-icon-size);
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            color: var(--policy-icon-color);
            display: inline-block;
            width: var(--policy-icon-width);
            height: var(--policy-icon-height);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .policy-answer {
            max-height: 0;
            overflow: hidden;
            transition: all 0.5s cubic-bezier(0, 1, 0, 1);
            color: var(--policy-answer-color);
            font-size: var(--policy-answer-size);
            line-height: var(--policy-answer-line-height);
            opacity: 0;
            transform: translateY(-10px);
        }

        .policy-item.active .policy-answer {
            max-height: var(--policy-answer-max-height);
            padding-bottom: var(--policy-answer-padding);
            opacity: 1;
            transform: translateY(0);
            transition: all 0.5s cubic-bezier(1, 0, 1, 0);
        }

        .policy-item.active .policy-question { color: var(--policy-icon-color); }
        .policy-item.active .policy-question span { transform: rotate(45deg); }

        .policy-answer p {
            margin-bottom: var(--policy-paragraph-margin);
        }

        /* --- Footer --- */
        .footer-main {
            background: var(--footer-main-bg);
            color: white;
            padding: var(--footer-main-padding);
        }

        .footer-container {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: var(--footer-grid-gap);
            max-width: 1400px;
            margin: 0 auto;
        }

        .footer-brand h3 {
            font-family: var(--footer-brand-title-font);
            font-size: var(--footer-brand-title-size);
            color: var(--footer-link-title-color);
            margin-bottom: 20px;
        }

        .footer-brand p {
            font-size: var(--footer-brand-text-size);
            color: var(--footer-link-title-color);
            line-height: var(--footer-brand-text-line-height);
            margin-bottom: 25px;
        }

        .footer-social {
            display: flex;
            gap: 15px;
        }

        .footer-social a {
            width: var(--footer-social-size);
            height: var(--footer-social-size);
            border: var(--footer-social-border);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--footer-social-color);
            transition: 0.3s;
            text-decoration: none;
        }

        .footer-social a:hover {
            background: var(--footer-social-hover-bg);
            border-color: var(--footer-social-hover-border);
            color: white;
        }

        .footer-links h4 {
            font-family: var(--footer-link-title-font);
            font-size: var(--footer-link-title-size);
            color: var(--footer-link-title-color);
            margin-bottom: var(--footer-link-title-margin);
            letter-spacing: 1px;
        }

        .footer-links ul {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 12px;
        }

        .footer-links a {
            color: var(--footer-link-color);
            text-decoration: none;
            font-size: var(--footer-link-size);
            letter-spacing: var(--footer-link-spacing);
            transition: 0.3s;
            text-transform: uppercase;
        }

        .footer-links a:hover {
            color: var(--footer-link-hover-color);
            padding-left: 5px;
        }

        .footer-contact p {
            color: var(--footer-link-color);
            font-size: var(--footer-contact-size);
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .footer-contact i {
            color: var(--footer-contact-icon-color);
            width: var(--footer-contact-icon-width);
        }

        .footer-bottom {
            background: var(--footer-bottom-bg);
            color: var(--footer-bottom-color);
            text-align: center;
            padding: var(--footer-bottom-padding);
            border-top: var(--footer-bottom-border);
        }

        .footer-bottom p {
            font-size: var(--footer-bottom-size);
            letter-spacing: 1px;
        }

        /* --- Scroll Reveal Animation --- */
        .reveal {
            opacity: 0;
            transform: var(--reveal-transform);
            transition: var(--reveal-transition);
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* --- Responsive --- */
        @media (max-width: 1024px) {
            .footer-container {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 768px) {
            .page-header { padding: 120px 4% 60px; }
            .policy-section { padding: 60px 4%; }
            .policy-question { font-size: 16px; }
            
            .hamburger { display: flex; }
            .nav-links {
                position: fixed;
                left: -100%;
                top: 0;
                height: 100vh;
                width: 75%;
                background: white;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                transition: 0.4s;
                box-shadow: 10px 0 30px rgba(0,0,0,0.1);
            }
            .nav-links.active { left: 0; }
            .nav-links li { margin: 20px 0; }
            
            .footer-container { grid-template-columns: 1fr; gap: 30px; }
            .footer-main { padding: 60px 4%; }
        }