body, html {
  height: 100%;
  margin: 0;
  background-image: url('../images/bg.jpg'); /* Arka plan resmi */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.center-buttons {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}

.top-right {
  position: absolute;
  top: 20px;
  right: 20px;
}

.btn-custom {
  min-width: 220px;
  padding: 12px 30px;
  font-size: 1.2rem;
  font-weight: 600;
  border: none;
  border-radius: 50px;
  transition: all 0.3s ease;
  background-image: linear-gradient(135deg, #7b2ff7, #f107a3); /* Mor degrade */
  color: white;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.btn-custom:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 6px 20px rgba(0,0,0,0.4);
  background-image: linear-gradient(135deg, #a96ff7, #f73cba);
}


.typing-text {
  font-family: 'Courier New', Courier, monospace;
  font-weight: 700;
  height:50px;
  font-size: 3rem;
  white-space: nowrap;
  border-right: 3px solid white; /* İmleç efekti */
  overflow: hidden;
  width: 11.5ch; /* "pazifly.com" 11 karakter, genişlik sabit */
  margin: 0 auto;
  /* İmlecin yanıp sönmesi animasyonu */
  animation: blink-caret 0.75s step-end infinite;
}


@keyframes blink-caret {
  50% {
    border-color: transparent;
  }
}