:root {

        --veljia-primary: #111827;

        --veljia-secondary: #6b7280;

        --veljia-accent: #b45309;

        --veljia-accent-light: #fff7ed;

        --veljia-bg: #f9fafb;

        --veljia-card: #ffffff;

        --veljia-border: #e5e7eb;

        --veljia-success: #047857;

        --veljia-radius: 18px;

        --veljia-shadow: 0 12px 35px rgba(17, 24, 39, 0.08);

    }

    .privacy-policy-wrapper {

        background: linear-gradient(180deg, #fff7ed 0%, #f9fafb 35%, #ffffff 100%);

        padding: 60px 16px;

        font-family: Arial, Helvetica, sans-serif;

        color: var(--veljia-primary);

        line-height: 1.7;

    }

    .privacy-policy-container {

        max-width: 1100px;

        margin: 0 auto;

    }

    .privacy-hero {

        background: linear-gradient(135deg, #111827 0%, #2f241c 55%, #b45309 100%);

        border-radius: 28px;

        padding: 55px 40px;

        color: #ffffff;

        box-shadow: var(--veljia-shadow);

        position: relative;

        overflow: hidden;

        margin-bottom: 35px;

    }

    .privacy-hero::before {

        content: "";

        position: absolute;

        width: 280px;

        height: 280px;

        background: rgba(255, 255, 255, 0.09);

        border-radius: 50%;

        top: -90px;

        right: -80px;

    }

    .privacy-hero::after {

        content: "";

        position: absolute;

        width: 160px;

        height: 160px;

        background: rgba(255, 255, 255, 0.08);

        border-radius: 50%;

        bottom: -60px;

        left: 40px;

    }

    .privacy-hero-content {

        position: relative;

        z-index: 2;

        max-width: 780px;

    }

    .privacy-badge {

        display: inline-flex;

        align-items: center;

        gap: 8px;

        background: rgba(255, 255, 255, 0.14);

        border: 1px solid rgba(255, 255, 255, 0.22);

        padding: 8px 15px;

        border-radius: 999px;

        font-size: 14px;

        margin-bottom: 18px;

    }

    .privacy-hero h1 {

        font-size: 42px;

        line-height: 1.18;

        margin: 0 0 16px;

        font-weight: 800;

        letter-spacing: -0.8px;

        color: #ffffff;

    }

    .privacy-hero p {

        font-size: 17px;

        color: rgba(255, 255, 255, 0.88);

        margin: 0;

        max-width: 720px;

    }

    .privacy-layout {

        display: grid;

        grid-template-columns: 280px 1fr;

        gap: 28px;

        align-items: start;

    }

    .privacy-sidebar {

        position: sticky;

        top: 24px;

        background: var(--veljia-card);

        border: 1px solid var(--veljia-border);

        border-radius: var(--veljia-radius);

        box-shadow: var(--veljia-shadow);

        padding: 22px;

    }

    .privacy-sidebar h3 {

        font-size: 16px;

        margin: 0 0 14px;

        color: var(--veljia-primary);

    }

    .privacy-sidebar a {

        display: block;

        text-decoration: none;

        color: var(--veljia-secondary);

        font-size: 14px;

        padding: 9px 10px;

        border-radius: 10px;

        transition: all 0.25s ease;

    }

    .privacy-sidebar a:hover {

        background: var(--veljia-accent-light);

        color: var(--veljia-accent);

        transform: translateX(3px);

    }

    .privacy-content {

        display: flex;

        flex-direction: column;

        gap: 20px;

    }

    .privacy-card {

        background: var(--veljia-card);

        border: 1px solid var(--veljia-border);

        border-radius: var(--veljia-radius);

        box-shadow: var(--veljia-shadow);

        padding: 32px;

        transition: all 0.25s ease;

    }

    .privacy-card:hover {

        transform: translateY(-2px);

        box-shadow: 0 16px 42px rgba(17, 24, 39, 0.1);

    }

    .privacy-card h2 {

        display: flex;

        align-items: center;

        gap: 12px;

        font-size: 24px;

        line-height: 1.3;

        margin: 0 0 15px;

        color: var(--veljia-primary);

        font-weight: 800;

    }

    .privacy-number {

        min-width: 38px;

        height: 38px;

        border-radius: 12px;

        background: var(--veljia-accent-light);

        color: var(--veljia-accent);

        display: inline-flex;

        align-items: center;

        justify-content: center;

        font-size: 15px;

        font-weight: 800;

    }

    .privacy-card p {

        margin: 0 0 14px;

        color: var(--veljia-secondary);

        font-size: 15.5px;

    }

    .privacy-grid {

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        gap: 16px;

        margin-top: 18px;

    }

    .info-box {

        background: #fafafa;

        border: 1px solid var(--veljia-border);

        border-radius: 16px;

        padding: 18px;

    }

    .info-box h3 {

        font-size: 16px;

        margin: 0 0 10px;

        color: var(--veljia-primary);

    }

    .info-box ul,

    .privacy-card ul {

        margin: 0;

        padding-left: 20px;

    }

    .info-box li,

    .privacy-card li {

        color: var(--veljia-secondary);

        font-size: 15px;

        margin-bottom: 8px;

    }

    .privacy-list {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 12px;

        margin-top: 18px;

    }

    .privacy-list-item {

        background: #fafafa;

        border: 1px solid var(--veljia-border);

        border-radius: 14px;

        padding: 14px 16px;

        color: var(--veljia-secondary);

        font-size: 15px;

        display: flex;

        align-items: flex-start;

        gap: 10px;

    }

    .privacy-list-item span {

        color: var(--veljia-success);

        font-weight: 700;

    }

    .privacy-highlight {

        background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%);

        border: 1px solid #fed7aa;

        border-radius: 16px;

        padding: 18px;

        color: var(--veljia-primary);

        margin-top: 18px;

    }

    .privacy-highlight strong {

        color: var(--veljia-accent);

    }

    .contact-card {

        background: linear-gradient(135deg, #111827 0%, #1f2937 100%);

        color: #ffffff;

        border-radius: 22px;

        padding: 34px;

        text-align: center;

        box-shadow: var(--veljia-shadow);

    }

    .contact-card h2 {

        color: #ffffff;

        margin: 0 0 10px;

        font-size: 26px;

    }

    .contact-card p {

        color: rgba(255, 255, 255, 0.78);

        margin-bottom: 20px;

    }

    .contact-card a {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        background: #ffffff;

        color: var(--veljia-primary);

        text-decoration: none;

        padding: 13px 22px;

        border-radius: 999px;

        font-weight: 700;

        transition: all 0.25s ease;

    }

    .contact-card a:hover {

        background: var(--veljia-accent-light);

        color: var(--veljia-accent);

        transform: translateY(-2px);

    }

    .privacy-note {

        margin-top: 24px;

        font-size: 13px;

        color: var(--veljia-secondary);

        text-align: center;

    }

    @media (max-width: 900px) {

        .privacy-layout {

            grid-template-columns: 1fr;

        }

        .privacy-sidebar {

            position: relative;

            top: 0;

        }

        .privacy-grid,

        .privacy-list {

            grid-template-columns: 1fr;

        }

        .privacy-hero {

            padding: 42px 26px;

        }

        .privacy-hero h1 {

            font-size: 34px;

        }

    }

    @media (max-width: 520px) {

        .privacy-policy-wrapper {

            padding: 35px 12px;

        }

        .privacy-card {

            padding: 24px 20px;

        }

        .privacy-card h2 {

            font-size: 21px;

        }

        .privacy-hero h1 {

            font-size: 29px;

        }

        .privacy-sidebar {

            display: none;

        }

    }

.privacy-layout {

    display: flex;

    align-items: flex-start;

    gap: 28px;

}

.privacy-sidebar {

    flex: 0 0 280px;

}

.privacy-content {

    flex: 1;

    min-width: 0;

}