body {
      margin: 0;
      background: black;
      color: white;
      font-family: 'Courier New', monospace;
      min-height: 100vh;
      overflow-x: hidden;
    }

    #languageSelect {
      position: fixed;
      top: 20px;
      right: 20px;
      z-index: 10;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 12px;
      border: 1px solid #fff;
      background: #111;
      color: white;
      cursor: pointer;
    }

    .center-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-top: 20vh;
      text-align: center;
      z-index: 1;
      position: relative;
    }

    #codeMessage {
      font-size: 16px;
      color: #3ea6ff;
      font-style: italic;
      margin-bottom: 16px;
      opacity: 0.8;
    }

    #startBtn, #goWebsiteBtn, #skipBtn {
      padding: 12px 24px;
      font-size: 18px;
      border-radius: 12px;
      border: 1px solid #fff;
      background: #111;
      color: white;
      cursor: pointer;
      margin-top: 24px;
    }

    #goWebsiteBtn {
      display: none;
    }
    #skipBtn {
      margin-top: 8px;
    }

    .profile {
      display: none;
      text-align: center;
      margin-top: 20px;
      z-index: 1;
      position: relative;
    }

    .profile img {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      object-fit: cover;
    }

    .profile h2 {
      margin: 8px 0 4px;
      font-size: 20px;
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 6px;
    }

    .profile h2 span img {
      width: 18px;
      height: 18px;
      vertical-align: middle;
      cursor: help;
    }

    .profile p {
      margin: 0;
      font-size: 13px;
      color: #aaa;
      letter-spacing: 1px;
    }

    #typingText {
      margin-top: 24px;
      width: 100%;
      max-width: 720px;
      text-align: left;
      padding: 0 8px;
      z-index: 1;
      position: relative;
    }

    .typing-line {
      font-size: 18px;
      white-space: pre-wrap;
      position: relative;
    }

    .cursor::after {
      content: '|';
      animation: blink 1s infinite;
      color: white;
    }

    @keyframes blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }

    .smoke-container {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      overflow: hidden;
      z-index: 0;
    }

    .smoke {
      position: absolute;
      bottom: -100px;
      width: 120px;
      height: 120px;
      background: radial-gradient(circle, rgba(255,255,255,0.15), rgba(255,255,255,0));
      border-radius: 50%;
      animation: smokeFloat 12s ease-in-out infinite;
      filter: blur(20px);
      opacity: 0.5;
    }

    @keyframes smokeFloat {
      0% { transform: translateX(0px) translateY(0px) scale(1); opacity: 0.4; }
      50% { transform: translateX(30px) translateY(-150px) scale(1.4); opacity: 0.2; }
      100% { transform: translateX(-30px) translateY(-300px) scale(1.8); opacity: 0; }
    }

    /* ANİMASYONLU GÖRÜNÜŞ */
    @keyframes slideUpFade {
      0% {
        opacity: 0;
        transform: translateY(50px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .animate-slide-up {
      animation: slideUpFade 1s ease-out forwards;
    }

    .hidden-before-anim {
      opacity: 0;
      transform: translateY(50px);
    }
/* Sağ üst dil + skip kutusu */
#langBox {
  position: fixed;       /* her zaman sağ üstte dursun */
  top: 24px;
  right: 24px;
  display: flex;
  flex-direction: column; /* dil seçici üstte, skip altta */
  align-items: flex-end;
  gap: 8px;
  z-index: 9999;         /* hamburger ve diğerlerinin üstünde */
}

/* Dil seçicinin daha önceki absolute/fixed konumları varsa nötralize et */
#languageSelect {
  position: static;      /* langBox yönetiyor */
  max-width: 280px;
  white-space: nowrap;
}

/* Skip butonu görünür olduğunda kesilmesin */
#skipBtn {
  display: none;         /* JS açıyor */
  padding: 10px 16px;
  border-radius: 10px;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.30);
  color: #fff;
  white-space: nowrap;   /* “Ski” şeklinde kesilmesin */
  cursor: pointer;
}

/* Küçük ekranlarda biraz daha yakın dursun */
@media (max-width: 640px) {
  #langBox { top: 16px; right: 16px; gap: 6px; }
}