body {
      font-family: 'Orbitron', sans-serif;
      color: #e0e0e0;
	  
	  background-image: url('evren.jpg');
	  background-size: cover;
	  background-repeat: repeat;
	  animation: yildizalani 8s linear infinite;	  
    }
    .gokturk-header {
      background-color: rgba(0, 161, 193, 0.85);
      padding: 2rem;
      text-align: center;
      border-bottom: 2px solid #00ffff;
    }
	.section-title {
	  border-bottom: 2px solid #00a1c1;
	  padding-bottom: 0.5rem; /* Çizginin hemen altına iç boşluk */
	  margin-bottom: 2rem;    /* Tüm başlıktan sonra dış boşluk */
	}
    footer {
      background-color: rgba(0, 47, 73, 0.85);
      padding: 1rem;
      text-align: center;
      color: #ccc;
    }
    a {
      color: #00ffff;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
	 
	.gokturk-header {
	  background-image:	  url('header_1.jpg');
	  background-size: cover;
	  /*background-position: center;*/
	  background-position-y: -314px;
	  background-blend-mode: overlay;
	  background-color: rgb(0 50 60 / 85%);
	}

	/* Sprite hareket efekti */
	@keyframes yildizalani {
	  from { background-position: 0 0; }
	  to { background-position: -1000px 1000px; }
	}

    @keyframes gokturkgemisi {
      0% { background-position-y: 0px; }
      100% { background-position-y: -1000px; }
    }

    main {
      animation: gokturkgemisi 30s linear infinite;

	  position: relative;
	  overflow: hidden;
    }

	@media (max-width: 768px) {
	  .header-image {
		right: auto;
		left: 10px;
		width: 160px; 
	  }
	}

    @keyframes portalZoomFade {
		0% {
		  opacity: 0;
		  transform: scale(0.3);
		}
		50% {
		  opacity: 0.2;
		  transform: scale(0.5);
		}
		100% {
		  opacity: 0.7;
		  transform: scale(1);
		}
	  }
  
	  @keyframes yaziparlama {
		0% { letter-spacing: 0px; opacity: 0.5; }
		50% { letter-spacing: 2px; opacity: 1; }
		100% { letter-spacing: 0px; opacity: 0.6; }
	  }
  
	  /* .section-title {
		animation: yaziparlama 3s ease-in-out infinite;
	  }*/

	  #introScene {
		animation: portalZoomFade 1.5s ease-out forwards;
		background-image: url(/abb_assets/abb_ataturk_2.png);
		background-size: cover; /* cover yerine contain kullanmak resmi tamamen gösterebilir */
		background-repeat: no-repeat;
		background-position: center;
		opacity: 0.7;
		backdrop-filter: blur(4px);
	}

	  button {
		transition: transform 0.3s ease;
	  }
  
	  button:hover {
		transform: scale(1.05);
	  }

	.blog-card {
		position: relative;
		background-color: rgba(7, 54, 66, 0.85);
		border-left: 5px solid #00a1c1;
		padding: 20px;
		margin-bottom: 30px;
		border-radius: 6px;
	}
	
	.gokturk-main {
		/* background-image: url('/abb_assets/abb_gokturk_uzay_gemisi.png');
		background-size: cover;
		background-repeat: no-repeat;
		animation: gokturkgemisi 10s linear infinite; */
		position: relative;
		overflow: hidden;
	  } 
	
	  .uzaygemisi {
		position: absolute;
		width: 100%;
		height: 500px;
		background-size: cover;
		background-repeat: no-repeat;
		opacity: 0.7;
		pointer-events: none;
	  }
	  
	  .ay {
		position: absolute;
		width: 200px;
		height: 200px;
		background-size: cover;
		background-repeat: no-repeat;
		opacity: 0.7;
		pointer-events: none;

		background-image: url('/abb_assets/abb_gokturk_ay_donen.gif');
		top: 35px;
		left: -120px;
		animation: gezegenGecisi 20s ease-in-out infinite;
	  }
 
	  .jupiter {
		position: absolute;
		width: 200px;
		height: 200px;
		background-size: cover;
		background-repeat: no-repeat;
		opacity: 0.7;
		pointer-events: none;

		background-image: url('/abb_assets/abb_gokturk_ay_donen.gif');
		top: 200px;
		left: -140px;
		animation: gezegenGecisi 25s linear infinite;
	  }

	  .gokturkgemi {
		background-image: url('/abb_assets/abb_gokturk_uzay_gemisi.png');
		top: 350px;
		left: -170px;
		animation: gezegenGecisiTers 12s linear infinite;
	  }

	  @keyframes gezegenGecisi {
		0%   { transform: translateX(0); }
		100% { transform: translateX(150vw); }
	  }

	  @keyframes gezegenGecisiTers {
		0%   { transform: translateX(150vw); }
		100% { transform: translateX(0); }
	  }
	  
	  /*
		Yıldızlarda kayar, durmaz yerinde; solar güzelliğin kalmaz yerinde.
	  */

	  .yildizlar {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		overflow: hidden;
		z-index: 1;
	  }
	  
	  .star {
		position: absolute;
		width: 80px;           /* YATAY uzunluk */
		height: 2px;           /* İNCE çizgi */
		background: linear-gradient(to right, white, transparent);
		opacity: 0.6;
		animation: kaymaYatay 0.1s linear infinite;
	  }
	  
	  /* Yatay sağa doğru kayma */
	  @keyframes kaymaYatay {
		0%   { transform: translateX(400px); opacity: 0; }
		100% { transform: translateX(-100px); opacity: 1; }
	  }
	  
	  
	  .karargah {
		background: radial-gradient(circle at top, #071e26 0%, #000 80%);
		padding: 60px 30px;
		color: #f2f2f2;
		border-top: 4px solid #00a1c1;
		box-shadow: inset 0 0 40px rgba(0,161,193,0.3);
	  }
	  
	  .karargah-baslik {
		text-align: center;
		margin-bottom: 40px;
	  }
	  
	  .karargah-baslik h2 {
		font-size: 2.2rem;
		color: #00a1c1;
		text-shadow: 0 0 15px #00a1c1;
	  }
	  
	  .karargah-baslik p {
		color: #aaa;
		font-style: italic;
	  }
	  
	  .karargah-bloglar {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: 24px;
	  }
	  
	  .blog-panel {
		/* background: rgba(255,255,255,0.04); */
		border: 1px solid #00a1c1;
		padding: 20px;
		border-radius: 6px;
		/* box-shadow: 0 0 12px rgba(0,161,193,0.3); */
		/* transition: 0.4s ease; */
	  }
	  
	  .blog-panel:hover {
		box-shadow: 0 0 25px rgba(0,161,193,0.6);
		transform: scale(1.03);
		background: rgba(0,161,193,0.05);
	  }
	  
	  .blog-panel h4 a {
		color: #00e0ff;
		text-decoration: none;
	  }
	  
	  .blog-panel p {
		color: #ccc;
		margin: 10px 0;
	  }
	  
	  .blog-panel small {
		color: #888;
		font-size: 0.9rem;
	  }


	  /* HAKKIMDA */

	  .hakkimda {
		background: radial-gradient(circle at top left, #031017 0%, #000 100%);
		color: #eee;
		padding: 80px 30px;
		box-shadow: inset 0 0 60px #00a1c144;
	  }
	  
	  .section-title {
		color: #00e0ff;
		font-size: 2.4rem;
		text-shadow: 0 0 12px #00e0ff;
	  }
	  
	  .bio-panel {
		background: rgba(255, 255, 255, 0.04);
		padding: 20px;
		border: 1px solid #00a1c1;
		border-radius: 6px;
		box-shadow: 0 0 20px rgba(0,161,193,0.2);
		backdrop-filter: blur(3px);
	  }
	  
	  .bio-panel p {
		font-size: 1rem;
		color: #ddd;
		margin-bottom: 15px;
	  }
	  

	  /* BIR CISIM YAKLASIYOR EFENDIM :D */ 

	  .komutan-hologram {
		position: fixed;
		top: 0; left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.85);
		backdrop-filter: blur(8px);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 9999;
	  }
	  
	  .holo-container {
		animation: fadeUp 1.5s ease;
		background: rgba(0, 161, 193, 0.05);
		padding: 40px;
		border-radius: 10px;
		border: 1px solid #00a1c1;
		box-shadow: 0 0 80px rgba(0, 161, 193, 0.6);
	  }
	  
	  .holo-frame h3 {
		color: #00e0ff;
		text-shadow: 0 0 15px #00e0ff;
		font-size: 1.6rem;
		margin-bottom: 20px;
	  }
	  
	  .holo-frame p {
		color: #e0e0e0;
		font-size: 1rem;
		margin-bottom: 10px;
	  }
	  
	  .closing-line {
		color: #00e0ff;
		font-style: italic;
		margin-top: 20px;
	  }
	  
	  .system-map h4 {
		color: #00e0ff;
		text-shadow: 0 0 8px #00e0ff;
		margin-bottom: 15px;
	  }
	  
	  .map-list {
		list-style-type: none;
		padding-left: 0;
	  }
	  
	  .map-list li {
		color: #ddd;
		margin-bottom: 10px;
		position: relative;
		padding-left: 20px;
	  }
	  
	  .map-list li::before {
		content: "🌐";
		position: absolute;
		left: 0;
	  }
	  
	  @keyframes fadeUp {
		0% { opacity: 0; transform: translateY(40px); }
		100% { opacity: 1; transform: translateY(0); }
	  }
	  


	  /* KOKPIT PANEL */


	  .kokpit-panel {
		background: radial-gradient(circle at center, #010a13 0%, #000 90%);
		color: #e0f7ff;
		padding: 80px 30px;
		font-family: 'Orbitron', sans-serif;
		box-shadow: inset 0 0 80px #00a1c188;
		border-top: 5px solid #00a1c1;
	  }
	  
	  .kokpit-title {
		text-align: center;
		font-size: 2rem;
		color: #00e0ff;
		text-shadow: 0 0 14px #00e0ff;
		margin-bottom: 40px;
	  }
	  
	  .kokpit-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
		gap: 30px;
	  }
	  
	  .data-box {
		background: rgba(0, 161, 193, 0.05);
		border: 1px solid #00a1c1;
		padding: 20px;
		border-radius: 10px;
		box-shadow: 0 0 20px rgba(0,161,193,0.3);
		transition: 0.4s ease;
		position: relative;
	  }
	  
	  .data-box:hover {
		transform: scale(1.02);
		box-shadow: 0 0 30px rgba(0,161,193,0.5);
	  }
	  
	  .signal-bar {
		height: 6px;
		width: 100%;
		margin-top: 10px;
		background: linear-gradient(90deg, #00ffcc, #004d66);
		animation: pulse-bar 2s infinite linear;
	  }
	  
	  @keyframes pulse-bar {
		0% { background-position: 0 0; }
		100% { background-position: 200px 0; }
	  }
	  
	  .radar-pulse {
		width: 40px;
		height: 40px;
		margin-top: 10px;
		border-radius: 50%;
		background: #00e0ff;
		box-shadow: 0 0 10px #00e0ff;
		animation: radarAnim 2s infinite;
	  }
	  
	  @keyframes radarAnim {
		0% { transform: scale(1); opacity: 0.6; }
		100% { transform: scale(1.6); opacity: 0; }
	  }
	  
	  .code-stream {
		height: 60px;
		margin-top: 10px;
		background: repeating-linear-gradient(
		  180deg,
		  #00e0ff,
		  #00e0ff 2px,
		  transparent 2px,
		  transparent 4px
		);
		opacity: 0.3;
	  }
	  
	  .kokpit-panel.transition-active {
		animation: glowCycle 2s ease-in-out;
		box-shadow: inset 0 0 100px #00e0ff88;
	  }
	  
	  @keyframes glowCycle {
		0%   { box-shadow: inset 0 0 0px rgba(0, 224, 255, 0); }
		50%  { box-shadow: inset 0 0 120px rgba(0, 224, 255, 0.6); }
		100% { box-shadow: inset 0 0 0px rgba(0, 224, 255, 0); }
	  }
	  

	  /* RADAR PANEL */
	  
	  .radar-katmani {
		background: radial-gradient(circle at center, #000c14, #000);
		padding: 80px 30px;
		color: #e0f7ff;
		text-align: center;
		font-family: 'Orbitron', sans-serif;
		box-shadow: inset 0 0 80px rgba(0, 224, 255, 0.2);
	  }
	  
	  .radar-birim h2 {
		font-size: 2rem;
		color: #00e0ff;
		text-shadow: 0 0 10px #00e0ff;
	  }
	  
	  .radar-cember {
		position: relative;
		width: 200px;
		height: 200px;
		margin: 40px auto;
		border: 2px dashed #00a1c1;
		border-radius: 50%;
		background: rgba(0, 224, 255, 0.02);
		box-shadow: 0 0 25px rgba(0, 224, 255, 0.2);
	  }
	  
	  .pulse {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 20px;
		background: #00e0ff;
		border-radius: 50%;
		transform: translate(-50%, -50%);
		animation: pulseAnim 2s infinite;
		box-shadow: 0 0 20px #00e0ff;
	  }
	  
	  .merkez-nokta {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 6px;
		height: 6px;
		background: white;
		border-radius: 50%;
		transform: translate(-50%, -50%);
	  }
	  
	  @keyframes pulseAnim {
		0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
		100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; }
	  }

	  .galaksi-harita {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		border-radius: 50%; /* Daire şeklinde kırp */
		overflow: hidden;   /* Taşmaları engelle */
		background-image: url('/abb_assets/yildiz_harita.webp');
		background-size: cover;
		background-repeat: no-repeat;
		transform: translate(-50%, -50%) rotate(0deg);
		opacity: 0.4;
		animation: rotateHarita 20s linear infinite;
		mix-blend-mode: screen;
		pointer-events: none;
	  }

	  @keyframes rotateHarita {
		from { transform: translate(-50%, -50%) rotate(0deg); }
		to { transform: translate(-50%, -50%) rotate(360deg); }
	  }
	  
	  /* KOD IRADE PANELI */

	  .kod-paneli {
		background: #010e17;
		color: #00e0ff;
		padding: 60px 30px;
		text-shadow: 0 0 8px #00e0ff;
	  }
	  
	  .grid-irade {
		display: flex;
		justify-content: center;
		gap: 20px;
		margin-top: 30px;
	  }
	  
	  .irade-box {
		background: rgba(0, 224, 255, 0.1);
		border: 1px solid #00e0ff;
		padding: 20px;
		border-radius: 10px;
		backdrop-filter: blur(3px);
		box-shadow: 0 0 20px rgba(0,224,255,0.3);
	  }
	  
	  /* TÖRE GEÇİŞİ */

	  .tore-gecisi {
		background: linear-gradient(90deg, #000, #011c24, #000);
		text-align: center;
		padding: 60px 30px;
		animation: sahneKayma 6s linear infinite;
	  }
	  
	  .tore-baslik {
		color: #00e0ff;
		font-size: 2rem;
		font-family: 'Orbitron', sans-serif;
		text-shadow: 0 0 15px #00e0ff;
	  }
	  
	  @keyframes sahneKayma {
		0% { background-position: 0%; }
		100% { background-position: 100%; }
	  }

	  /* SİNYAL UYARI */
	  .sinyal-uyari {
		background: #280000;
		color: #ff4c4c;
		padding: 40px 20px;
		text-align: center;
		border: 2px solid #ff0000;
		animation: uyariParlama 2s infinite;
	  }
	  
	  @keyframes uyariParlama {
		0% { box-shadow: 0 0 20px red; }
		50% { box-shadow: 0 0 60px darkred; }
		100% { box-shadow: 0 0 20px red; }
	  }

	  /* ZAMAN PANELİ KODUN YÜRÜYÜŞÜ : */
	  .zaman-paneli {
		background: #00070e;
		color: #00e0ff;
		padding: 60px 30px;
	  }
	  
	  .timeline {
		display: flex;
		flex-direction: column;
		gap: 15px;
		margin-top: 20px;
	  }
	  
	  .milestone {
		background: rgba(0,224,255,0.07);
		padding: 15px;
		border-left: 5px solid #00e0ff;
		font-family: 'Share Tech Mono', monospace;
	  }
	  
	  
	  /* BAYRAK PANELI */

	  .bayrak-paneli {
		background: radial-gradient(circle at center, #010406, #000);
		text-align: center;
		padding: 60px 30px;
		color: #fff;
	  }
	  
	  .bayrak-img {
		width: 120px;
		animation: dalgaBayrak 3s ease-in-out infinite;
	  }
	  
	  @keyframes dalgaBayrak {
		0% { transform: rotate(0deg); }
		50% { transform: rotate(14deg); }
		100% { transform: rotate(0deg); }
	  }
	  
	  .bayrak-metni {
		margin-top: 20px;
		color: #ff2c2c;
		text-shadow: 0 0 20px #ff2c2c;
	  }

	  
	  /* RUNİK ABECESİYLE KOMUTA MERKEZİ */ 
	  .runik-panel {
		background: linear-gradient(to bottom, #000000, #01131f);
		color: #00e0ff;
		padding: 60px 30px;
		box-shadow: inset 0 0 60px rgba(0,224,255,0.1);
	  }
	  
	  .runik-baslik {
		text-shadow: 0 0 12px #00e0ff;
		font-family: 'Orbitron', sans-serif;
	  }
	  
	  .runik-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
		gap: 20px;
		margin-top: 30px;
	  }
	  
	  .runik-box {
		font-size: 2.5rem;
		padding: 20px;
		border-radius: 10px;
		background: rgba(0,224,255,0.08);
		border: 1px solid #00e0ff;
		box-shadow: 0 0 20px rgba(0,224,255,0.2);
		transition: 0.3s;
		cursor: help;
	  }
	  .runik-box:hover {
		transform: scale(1.1);
		box-shadow: 0 0 40px rgba(0,224,255,0.6);
	  }
	  

	  /* KOMUTANIN MESAJI */

	  .sesli-rehber {
		background: linear-gradient(90deg, #010a15, #001b26);
		color: #e0f7ff;
		padding: 60px 30px;
		box-shadow: inset 0 0 40px rgba(0,224,255,0.15);
	  }
	  .sesli-baslik {
		font-size: 1.8rem;
		color: #00e0ff;
		text-shadow: 0 0 10px #00e0ff;
		font-family: 'Orbitron', sans-serif;
	  }
	  
	  /* IŞIK PANELİ, AYDINLAT BİZİ KARDEŞ */

	  .isik-panel {
		background-color: #000;
		padding: 60px 30px;
		color: #00e0ff;
		text-align: center;
		animation: dogus 3s ease-out;
		box-shadow: inset 0 0 80px rgba(0,224,255,0.1);
	  }
	  
	  @keyframes dogus {
		0% { background-color: #000; color: transparent; opacity: 0; }
		50% { background-color: #00161f; opacity: 0.5; }
		100% { background-color: #010e17; color: #00e0ff; opacity: 1; }
	  }
	  
	  .isik-baslik {
		font-size: 2rem;
		font-family: 'Orbitron', sans-serif;
		text-shadow: 0 0 15px #00e0ff;
	  }
	  
	  /* ÖZEL TERMİNAL */

	  .gokturk-terminal {
		background: linear-gradient(to bottom, #010a13, #000);
		padding: 40px 20px;
		font-family: 'Share Tech Mono', monospace;
		color: #00ffcc;
		box-shadow: inset 0 0 60px rgba(0,255,204,0.2);
	  }
	  
	  .terminal-screen {
		border: 1px solid #00ffcc;
		background-color: #000a0e;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 0 20px rgba(0,255,204,0.3);
	  }
	  
	  .terminal-header {
		background-color: #00161f;
		color: #00ffcc;
		padding: 10px 15px;
		border-bottom: 1px solid #00ffcc;
		font-weight: bold;
		text-shadow: 0 0 8px #00ffcc;
	  }
	  
	  .terminal-content {
		padding: 15px;
	  }
	  
	  .cmd {
		color: #32cd32;
		margin-bottom: 15px;
	  }
	  
	  .manifesto-text {
		color: #00ffcc;
		font-size: 0.95rem;
		white-space: pre-wrap;
		line-height: 1.6;
	  }


	  /* VERI GECIDI */

	  .veri-gecidi {
		background: radial-gradient(circle at center, #000914, #010f1e);
		padding: 80px 30px;
		text-align: center;
		color: #00e0ff;
	  }
	  
	  .gecit-cember {
		position: relative;
		width: 240px;
		height: 240px;
		margin: 0 auto 40px;
		border-radius: 50%;
		border: 3px dashed #00e0ff;
		box-shadow: 0 0 40px rgba(0,224,255,0.3);
		background: rgba(0,224,255,0.06);
		animation: rotatePortal 12s linear infinite;
	  }
	  
	  .gecit-portal {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 160px;
		height: 160px;
		border-radius: 50%;
		transform: translate(-50%, -50%);
		background-image: radial-gradient(#00e0ff 10%, transparent 60%);
		mix-blend-mode: screen;
		opacity: 0.3;
		animation: pulsePortal 2.5s ease-in-out infinite;
	  }
	  
	  .gecit-baslik {
		font-family: 'Orbitron', sans-serif;
		text-shadow: 0 0 10px #00e0ff;
		margin-top: 30px;
	  }
	  
	  .gecit-metni {
		font-size: 1rem;
		color: #aeefff;
		margin-top: 10px;
	  }
	  
	  @keyframes rotatePortal {
		to {
		  transform: rotate(360deg);
		}
	  }
	  
	  @keyframes pulsePortal {
		0%   { transform: translate(-50%, -50%) scale(1); opacity: 0.4; }
		50%  { transform: translate(-50%, -50%) scale(1.3); opacity: 0.7; }
		100% { transform: translate(-50%, -50%) scale(1); opacity: 0.4; }
	  }
	  
	  /* SIMULASYON PANELI */

	  .kod-lab {
		background: #00050c;
		padding: 80px 30px;
		color: #00ff99;
		font-family: 'Share Tech Mono', monospace;
		text-align: center;
		box-shadow: inset 0 0 80px rgba(0,255,153,0.15);
	  }
	  
	  .lab-baslik {
		font-size: 1.8rem;
		text-shadow: 0 0 12px #00ff99;
	  }
	  
	  .lab-alt {
		font-size: 1rem;
		color: #b9ffe0;
		margin-bottom: 30px;
	  }
	  
	  .matrix-ana-ekran {
		display: flex;
		justify-content: center;
		gap: 20px;
		height: 160px;
		overflow: hidden;
	  }
	  
	  .matrix-akis {
		width: 40px;
		background: repeating-linear-gradient(
		  to bottom,
		  #00ff99 0px,
		  #00ff99 2px,
		  transparent 2px,
		  transparent 4px
		);
		animation: matrixDrop 1.5s linear infinite;
		opacity: 0.6;
	  }
	  
	  @keyframes matrixDrop {
		from { transform: translateY(-100%); }
		to   { transform: translateY(100%); }
	  }
	  
	  /* SISTEM NABZI BURADA KARDES */
	  .sistem-nabzi {
		background: linear-gradient(to bottom, #010e17, #000);
		padding: 80px 30px;
		text-align: center;
		font-family: 'Orbitron', sans-serif;
		color: #00ffcc;
		box-shadow: inset 0 0 60px rgba(0,255,204,0.1);
	  }
	  
	  .nabiz-baslik {
		font-size: 1.8rem;
		text-shadow: 0 0 15px #00ffcc;
	  }
	  
	  .nabiz-grafik {
		display: flex;
		justify-content: center;
		gap: 10px;
		margin: 30px auto;
	  }
	  
	  .nabiz-dalga {
		width: 20px;
		height: 80px;
		background: #00ffcc;
		box-shadow: 0 0 15px #00ffcc;
		animation: nabizAnim 1.2s infinite ease-in-out;
	  }
	  
	  .nabiz-dalga:nth-child(2) { animation-delay: 0.2s; }
	  .nabiz-dalga:nth-child(3) { animation-delay: 0.4s; }
	  .nabiz-dalga:nth-child(4) { animation-delay: 0.6s; }
	  
	  @keyframes nabizAnim {
		0%, 100% { transform: scaleY(0.4); opacity: 0.6; }
		50% { transform: scaleY(1.2); opacity: 1; }
	  }
	  
	  .nabiz-alt {
		color: #aeefff;
		font-size: 1rem;
		margin-top: 15px;
	  }
	  
	/* KOMUTA GOZLEM PANELI */

	.komuta-gozleri {
		background: radial-gradient(circle at center, #000914, #00141e);
		padding: 80px 30px;
		text-align: center;
		font-family: 'Orbitron', sans-serif;
		color: #00e0ff;
		box-shadow: inset 0 0 60px rgba(0,224,255,0.1);
	  }
	  
	  .goz-baslik {
		font-size: 1.8rem;
		text-shadow: 0 0 15px #00e0ff;
		margin-bottom: 30px;
	  }
	  
	  .retina-merkez {
		position: relative;
		width: 180px;
		height: 180px;
		margin: 0 auto 30px;
		border-radius: 50%;
		background: rgba(0,224,255,0.06);
		border: 2px solid #00e0ff;
		box-shadow: 0 0 30px rgba(0,224,255,0.3);
	  }
	  
	  .retina-dalga {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		border: 1px dashed #00e0ff;
		transform: translate(-50%, -50%);
		animation: retinaScan 3s linear infinite;
		opacity: 0.2;
	  }
	  
	  .retina-dalga:nth-child(2) {
		width: 120px;
		height: 120px;
		animation-delay: 1s;
	  }
	  
	  .retina-nokta {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 12px;
		height: 12px;
		background: #00e0ff;
		border-radius: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0 0 8px #00e0ff;
	  }
	  
	  @keyframes retinaScan {
		0% { transform: translate(-50%, -50%) scale(0.6); opacity: 0.2; }
		50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.5; }
		100% { transform: translate(-50%, -50%) scale(0.6); opacity: 0.2; }
	  }
	  
	  .goz-alt {
		font-size: 1rem;
		color: #aeefff;
	  }
	  
	  /* ZAMANSAL KOD */


	  .zamansal-kod {
		background: linear-gradient(to bottom, #000000, #010f1c);
		padding: 80px 30px;
		font-family: 'Orbitron', sans-serif;
		color: #00e0ff;
		text-align: center;
	  }
	  
	  .kod-baslik {
		font-size: 1.8rem;
		text-shadow: 0 0 12px #00e0ff;
		margin-bottom: 40px;
	  }
	  
	  .kod-zaman-cizelgesi {
		display: flex;
		flex-direction: column;
		gap: 30px;
		align-items: center;
		position: relative;
	  }
	  
	  .kod-zaman-dalga {
		position: relative;
		padding-left: 30px;
		border-left: 2px dashed #00e0ff;
		color: #b9efff;
		width: fit-content;
	  }
	  
	  .kod-zaman-nokta {
		position: absolute;
		top: 0;
		left: -9px;
		width: 14px;
		height: 14px;
		background: #00e0ff;
		border-radius: 50%;
		box-shadow: 0 0 10px #00e0ff;
		animation: noktaPulse 2s infinite;
	  }
	  
	  @keyframes noktaPulse {
		0%   { transform: scale(1); opacity: 0.8; }
		50%  { transform: scale(1.4); opacity: 1; }
		100% { transform: scale(1); opacity: 0.8; }
	  }
	  
	  /* SAHNE GEÇİŞLİ */

	  .sahne-sistem {
		background: radial-gradient(circle at center, #000812, #00131f);
		padding: 80px 30px;
		font-family: 'Orbitron', sans-serif;
		color: #00e0ff;
		text-align: center;
		box-shadow: inset 0 0 80px rgba(0,224,255,0.12);
	  }
	  
	  .sahne-panel {
		animation: sahneGiris 1.5s ease forwards;
	  }
	  
	  .d-none {
		display: none;
	  }
	  
	  @keyframes sahneGiris {
		0% { opacity: 0; transform: translateY(20px); }
		100% { opacity: 1; transform: translateY(0); }
	  }
	  

	  /* SPIN WHELL */

	  .spinWheel {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		border: 10px solid #999; /* çelik görünüm */
		border-top-color: #ccc;
		border-bottom-color: #666;
		box-shadow: 0 0 12px rgba(0,0,0,0.5);
		background: radial-gradient(circle at center, #aaa 0%, #555 100%);
		animation: rotateWheel 4s linear infinite;
		margin: auto;
	}
	
	@keyframes rotateWheel {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
	
	/* BAŞLAT BUTONU - EFEKTLER MODÜLLER VS TETIKLEME */
	
	.start-button {
		font-family: 'Orbitron', sans-serif; /* Bilim kurgu havası */
		font-size: 1.2rem;
		letter-spacing: 2px;
		color: #00ffe0;
		background: linear-gradient(145deg, #0a0a0a, #1f1f1f);
		border: 2px solid #00ffe0;
		border-radius: 12px;
		padding: 12px 24px;
		box-shadow: 0 0 12px #00ffe0, inset 0 0 6px #004040;
		cursor: pointer;
		transition: all 0.3s ease;
		position: relative;
		overflow: hidden;
	}
	
	.start-button::before {
		content: "";
		position: absolute;
		top: -50%;
		left: -50%;
		width: 200%;
		height: 200%;
		background: radial-gradient(circle, rgba(0,255,224,0.2) 0%, transparent 70%);
		animation: pulseGlow 2s infinite;
		z-index: 0;
	}
	
	.start-button:hover {
		background: linear-gradient(145deg, #1f1f1f, #0a0a0a);
		box-shadow: 0 0 20px #00ffe0, inset 0 0 10px #004040;
		transform: scale(1.05);
	}
	
	@keyframes pulseGlow {
		0% { transform: rotate(0deg); opacity: 0.5; }
		50% { transform: rotate(180deg); opacity: 1; }
		100% { transform: rotate(360deg); opacity: 0.5; }
	}
	
	/* DİĞER BUTON BİLİM KURGU TEMALI MAVİ BUTON */
	.scifi-button {
		background: rgba(0, 153, 255, 0.2);
		border: 2px solid #00ccff;
		color: #00ccff;
		padding: 12px 24px;
		font-family: 'Orbitron', sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		transition: all 0.3s ease;
		border-radius: 8px;
		backdrop-filter: blur(5px);
		box-shadow: 0 0 15px rgba(0, 204, 255, 0.3);
	}

	.scifi-button:hover {
		background: rgba(0, 153, 255, 0.4);
		box-shadow: 0 0 25px rgba(0, 204, 255, 0.5);
		transform: translateY(-2px);
	}

	.scifi-button::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: linear-gradient(
			90deg,
			transparent,
			rgba(0, 204, 255, 0.2),
			transparent
		);
		transition: 0.5s;
	}

	.scifi-button:hover::before {
		left: 100%;
	}


	/*  ZİNCİRLER  */ 

	.zincirAlan {
		display: flex;
		flex-direction: column;
		align-items: center;
		/* margin-top: 50px; */
	}

	.zincir {
		width: 20%;
		margin-bottom: -5px; /* zincirlerin birleşik görünmesi için */
		filter: grayscale(100%) brightness(1.2);
	}

	@media (max-width: 768px) {
		.zincir {
			width: 40%;
		}
	  }

	.sistemBaslat {
		font-family: 'Share Tech Mono', monospace;
		padding: 12px 28px;
		background: #111;
		color: #0ff;
		border: 2px solid #0ff;
		margin-top: 20px;
		animation: parlama 2s infinite ease-in-out;
		cursor: pointer;
	}

	@keyframes parlama {
		0% { box-shadow: 0 0 8px #0ff; }
		50% { box-shadow: 0 0 18px #0ff; }
		100% { box-shadow: 0 0 8px #0ff; }
	}


	/* GÖKTÜRK KRİSTAL SİSTEM BAŞLATICISI */ 

	.kristalSahne {
		background: #0a0a0a;
		padding: 80px 0;
		text-align: center;
		position: relative;
	  }
	  
	  .veriAkisi {
		display: flex;
		justify-content: center;
		gap: 15px;
		animation: akinti 4s infinite linear;
	  }
	  
	  .veriParcasi {
		font-family: monospace;
		color: #0ff;
		font-size: 24px;
		opacity: 0.6;
	  }
	  
	  .kristalYuva {
		margin-top: 40px;
		position: relative;
	  }
	  
	  .sistemBaslat {
		font-family: 'Share Tech Mono', monospace;
		background: radial-gradient(circle, #0ff, #003);
		border: none;
		padding: 14px 32px;
		color: #000;
		font-weight: bold;
		cursor: pointer;
		box-shadow: 0 0 10px #0ff;
	  }
	  
	  .runikIzi {
		display: block;
		margin-top: 10px;
		color: #0ff;
		font-size: 18px;
	  }
	  @keyframes akinti {
		0% { transform: translateY(-10px); }
		100% { transform: translateY(10px); }
	  }
	  

	  .veriParcasi {
		font-family: 'Share Tech Mono', monospace;
		font-size: 20px;
		color: #0ff;
		letter-spacing: 2px;
		text-shadow: 0 0 5px #0ff;
	  }
	  

	  .terminalYazi {
		display: inline-block;
		min-height: 24px; /* font boyutuna göre ayarla */
		white-space: nowrap;
	  }