:root {
      --block-bg-color: #F7F7F799; /* 17% saydam beyaz */
    }

    body {
      margin: 0;
      font-family: 'Segoe UI', sans-serif;
      color: #333333;
      background-color: #EFF3EA;
    }

    .container {
      padding: 20px;
      display: flex;
      flex-direction: column;
      gap: 20px;
      max-width: 900px;
      margin: 0 auto;
    }
    .block {
      background-color: var(--block-bg-color);
      padding: 25px;
      border-radius: 15px;
      box-shadow: 0 6px 12px #00000014;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      gap: 15px;
      backdrop-filter: blur(3px);
    }
    .icon {
      font-size: 30px;
      color: #7E99A3;
      min-width: 40px;
    }
    .content {
      flex: 1;
    }
    .block h2 {
      margin: 0 0 10px 0;
      color: #E16A54;
      font-size: 20px;
    }
    .block p {
      margin: 0;
      font-size: 16px;
      line-height: 1.6;
    }
    .program-item {
      margin: 5px 0;
      padding: 10px;
      background-color: #A5BFCC33;
      border-left: 5px solid #4C585B;
      border-radius: 5px;
      font-size: 16px;
    }
    a {
      color: #4e8098;
      text-decoration: none;
    }
    .image-block {
      justify-content: center;
      padding: 0;
      overflow: hidden;
    }
    .image-block img {
      width: 100%;
      height: auto;
      object-fit: cover;
      /* max-height: 300px; */
      border-radius: 15px;
    }
    .pdf-button {
      padding: 12px 18px;
     margin-bottom: 5px;
      background-color: #4F959D;
      color: #fff;
      border: none;
      border-radius: 8px;
      font-size: 16px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    .pdf-button:hover {
      background-color: #86A788;
    }
    #qrcode {
      margin-top: 10px;
    }
    .block-duo {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
    }
    .block-half {
      flex: 1;
      min-width: 260px;
    }
    @media (max-width: 600px) {
      .block {
        flex-direction: column;
        align-items: flex-start;
      }
      .block-duo {
        flex-direction: column;
      }
    }