/* cookie-policy.php — extracted from inline <style> */

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg:      #f0f4f8;
      --surface: #ffffff;
      --border:  #e2e8f0;
      --text:    #1e293b;
      --muted:   #64748b;
      --blue:    #004aad;
      --orange:  #fd5a00;
      --radius:  18px;
    }
    body {
      background: var(--bg);
      color: var(--text);
      font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
      font-size: 15px;
      line-height: 1.7;
      padding: 32px 16px 64px;
    }
    .lp-wrap {
      max-width: 780px;
      margin: 0 auto;
    }
    .lp-header {
      background: linear-gradient(135deg, #0d1f3c, #112d52);
      border-radius: var(--radius);
      padding: 32px 36px;
      border-bottom: 4px solid var(--orange);
      margin-bottom: 32px;
      display: flex;
      align-items: center;
      gap: 20px;
    }
    .lp-header img { height: 38px; }
    .lp-header-text h1 {
      color: #fff;
      font-size: 22px;
      font-weight: 900;
    }
    .lp-header-text p {
      color: rgba(255,255,255,.55);
      font-size: 13px;
      margin-top: 4px;
    }
    .lp-card {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 32px 36px;
      margin-bottom: 20px;
    }
    h2 {
      font-size: 17px;
      font-weight: 800;
      color: var(--blue);
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    h2 i { color: var(--orange); font-size: 15px; }
    p { margin-bottom: 14px; color: var(--text); }
    p:last-child { margin-bottom: 0; }
    table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 10px;
      font-size: 14px;
    }
    th {
      background: #f8fafc;
      border: 1px solid var(--border);
      padding: 9px 13px;
      text-align: left;
      font-weight: 700;
      color: var(--muted);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .05em;
    }
    td {
      border: 1px solid var(--border);
      padding: 9px 13px;
      vertical-align: top;
    }
    tr:nth-child(even) td { background: #f8fafc; }
    .badge {
      display: inline-block;
      padding: 2px 10px;
      border-radius: 20px;
      font-size: 12px;
      font-weight: 700;
    }
    .badge-green  { background: #d1fae5; color: #065f46; }
    .badge-yellow { background: #fef3c7; color: #92400e; }
    .lp-back {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 20px;
      color: var(--blue);
      font-weight: 700;
      font-size: 14px;
      text-decoration: none;
    }
    .lp-back:hover { text-decoration: underline; }
    .lp-update {
      text-align: center;
      color: var(--muted);
      font-size: 13px;
      margin-top: 24px;
    }
    a { color: var(--blue); }
    @media (max-width: 600px) {
      .lp-card { padding: 22px 18px; }
      .lp-header { padding: 22px 18px; flex-direction: column; gap: 12px; }
      table, thead, tbody, th, td, tr { display: block; }
      th { display: none; }
      td { border-top: none; padding: 7px 10px; }
      td::before {
        content: attr(data-label);
        font-weight: 700;
        color: var(--muted);
        font-size: 11px;
        display: block;
        text-transform: uppercase;
        letter-spacing: .05em;
        margin-bottom: 2px;
      }
    }