/* Arka plan deseni: zemin rengini değiştirmeden üstüne çok hafif harf taşı deseni ekler. */
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='190' viewBox='0 0 210 190'%3E%3Cg transform='translate%2818 22%29 rotate%28-8 15 15%29'%3E%3Crect width='30' height='30' rx='7' fill='none' stroke='%2315352b' stroke-width='1.4'/%3E%3Ctext x='15' y='21' text-anchor='middle' font-family='Arial%2Csans-serif' font-size='15' font-weight='700' fill='%2315352b'%3EH%3C/text%3E%3C/g%3E%3Cg transform='translate%28118 14%29 rotate%286 15 15%29'%3E%3Crect width='30' height='30' rx='7' fill='none' stroke='%2315352b' stroke-width='1.4'/%3E%3Ctext x='15' y='21' text-anchor='middle' font-family='Arial%2Csans-serif' font-size='15' font-weight='700' fill='%2315352b'%3EA%3C/text%3E%3C/g%3E%3Cg transform='translate%2864 74%29 rotate%28-4 15 15%29'%3E%3Crect width='30' height='30' rx='7' fill='none' stroke='%2315352b' stroke-width='1.4'/%3E%3Ctext x='15' y='21' text-anchor='middle' font-family='Arial%2Csans-serif' font-size='15' font-weight='700' fill='%2315352b'%3ER%3C/text%3E%3C/g%3E%3Cg transform='translate%28160 86%29 rotate%289 15 15%29'%3E%3Crect width='30' height='30' rx='7' fill='none' stroke='%2315352b' stroke-width='1.4'/%3E%3Ctext x='15' y='21' text-anchor='middle' font-family='Arial%2Csans-serif' font-size='15' font-weight='700' fill='%2315352b'%3EF%3C/text%3E%3C/g%3E%3Cg transform='translate%2814 128%29 rotate%287 15 15%29'%3E%3Crect width='30' height='30' rx='7' fill='none' stroke='%2315352b' stroke-width='1.4'/%3E%3Ctext x='15' y='21' text-anchor='middle' font-family='Arial%2Csans-serif' font-size='15' font-weight='700' fill='%2315352b'%3E%C4%B0%3C/text%3E%3C/g%3E%3Cg transform='translate%28110 140%29 rotate%28-7 15 15%29'%3E%3Crect width='30' height='30' rx='7' fill='none' stroke='%2315352b' stroke-width='1.4'/%3E%3Ctext x='15' y='21' text-anchor='middle' font-family='Arial%2Csans-serif' font-size='15' font-weight='700' fill='%2315352b'%3EZ%3C/text%3E%3C/g%3E%3Ccircle cx='84' cy='30' r='1.6' fill='%2315352b'/%3E%3Ccircle cx='190' cy='40' r='1.6' fill='%2315352b'/%3E%3Ccircle cx='36' cy='84' r='1.6' fill='%2315352b'/%3E%3Ccircle cx='132' cy='100' r='1.6' fill='%2315352b'/%3E%3Ccircle cx='76' cy='150' r='1.6' fill='%2315352b'/%3E%3Ccircle cx='182' cy='166' r='1.6' fill='%2315352b'/%3E%3C/svg%3E");
  background-size:210px 190px;
}
[data-theme=dark] body::before {
  opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='190' viewBox='0 0 210 190'%3E%3Cg transform='translate%2818 22%29 rotate%28-8 15 15%29'%3E%3Crect width='30' height='30' rx='7' fill='none' stroke='%23ecf6ef' stroke-width='1.4'/%3E%3Ctext x='15' y='21' text-anchor='middle' font-family='Arial%2Csans-serif' font-size='15' font-weight='700' fill='%23ecf6ef'%3EH%3C/text%3E%3C/g%3E%3Cg transform='translate%28118 14%29 rotate%286 15 15%29'%3E%3Crect width='30' height='30' rx='7' fill='none' stroke='%23ecf6ef' stroke-width='1.4'/%3E%3Ctext x='15' y='21' text-anchor='middle' font-family='Arial%2Csans-serif' font-size='15' font-weight='700' fill='%23ecf6ef'%3EA%3C/text%3E%3C/g%3E%3Cg transform='translate%2864 74%29 rotate%28-4 15 15%29'%3E%3Crect width='30' height='30' rx='7' fill='none' stroke='%23ecf6ef' stroke-width='1.4'/%3E%3Ctext x='15' y='21' text-anchor='middle' font-family='Arial%2Csans-serif' font-size='15' font-weight='700' fill='%23ecf6ef'%3ER%3C/text%3E%3C/g%3E%3Cg transform='translate%28160 86%29 rotate%289 15 15%29'%3E%3Crect width='30' height='30' rx='7' fill='none' stroke='%23ecf6ef' stroke-width='1.4'/%3E%3Ctext x='15' y='21' text-anchor='middle' font-family='Arial%2Csans-serif' font-size='15' font-weight='700' fill='%23ecf6ef'%3EF%3C/text%3E%3C/g%3E%3Cg transform='translate%2814 128%29 rotate%287 15 15%29'%3E%3Crect width='30' height='30' rx='7' fill='none' stroke='%23ecf6ef' stroke-width='1.4'/%3E%3Ctext x='15' y='21' text-anchor='middle' font-family='Arial%2Csans-serif' font-size='15' font-weight='700' fill='%23ecf6ef'%3E%C4%B0%3C/text%3E%3C/g%3E%3Cg transform='translate%28110 140%29 rotate%28-7 15 15%29'%3E%3Crect width='30' height='30' rx='7' fill='none' stroke='%23ecf6ef' stroke-width='1.4'/%3E%3Ctext x='15' y='21' text-anchor='middle' font-family='Arial%2Csans-serif' font-size='15' font-weight='700' fill='%23ecf6ef'%3EZ%3C/text%3E%3C/g%3E%3Ccircle cx='84' cy='30' r='1.6' fill='%23ecf6ef'/%3E%3Ccircle cx='190' cy='40' r='1.6' fill='%23ecf6ef'/%3E%3Ccircle cx='36' cy='84' r='1.6' fill='%23ecf6ef'/%3E%3Ccircle cx='132' cy='100' r='1.6' fill='%23ecf6ef'/%3E%3Ccircle cx='76' cy='150' r='1.6' fill='%23ecf6ef'/%3E%3Ccircle cx='182' cy='166' r='1.6' fill='%23ecf6ef'/%3E%3C/svg%3E");
}