:root {
    /* --- MEVCUT DEĞİŞKENLERİN --- */
    --bg: #363636;
    --fg: #e5e7eb;
    --muted: #9ca3af;
    --accent: #22c55e;
    --font: "JetBrains Mono", monospace;  
  
    /* --- YENİ: TERMINAL DEĞİŞKENLERİ (Varsayılan Dark) --- */
    --term-bg: #020617;
    --term-shadow: 0 0 40px rgba(0,0,0,0.6);
  
    /* --- IDE (Proje) Varsayılan (DARK) Renkleri --- */
    --proj-bg: #1e1e1e;
    --proj-sidebar: #252526;
    --proj-border: #333333;
    --proj-tab-bg: #2d2d2d;
    --proj-fg: #d4d4d4;
    --proj-fg-muted: #9ca3af;
    --proj-hover: #2a2d2e;
    --proj-active: #37373d;
    
    /* Syntax Highlighting (DARK) */
    --sh-comment: #6a9955;
    --sh-keyword: #569cd6;
    --sh-string: #ce9178;
    --sh-func: #dcdcaa;
    --sh-tag: #4ec9b0;
    
    --proj-watermark: rgba(255, 255, 255, 0.03);
  }
  
  /* Light Tema Ayarları */
  body.light {
    /* Ana Tema Değişkenleri */
    --bg: #ccc9c9;
    --fg: #020617;
    --muted: #475569;
    --accent: #246123;
  
    /* --- YENİ: TERMINAL DEĞİŞKENLERİ (Light) --- */
    --term-bg: #e5e7eb;  /* Açık gri terminal */
    --term-shadow: 0 0 20px rgba(0,0,0,0.15);
  
    /* --- IDE (Proje) LIGHT Renkleri --- */
    --proj-bg: #ffffff;
    --proj-sidebar: #f3f4f6;
    --proj-border: #e5e7eb;
    --proj-tab-bg: #e5e7eb;
    --proj-fg: #374151;
    --proj-fg-muted: #6b7280;
    --proj-hover: #e5e7eb;
    --proj-active: #dbeafe; 
  
    /* Syntax Highlighting (LIGHT - Klasik Pascal) */
    --sh-comment: #008000;       
    --sh-keyword: #0000ff;      
    --sh-string: #a31515;       
    --sh-func: #795e26;          
    --sh-tag: #2b91af;           
  
    --proj-watermark: rgba(0, 0, 0, 0.05);
  }
  
  html {
    scroll-behavior: smooth;
  }
  
  /* RESET */
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
  body {
    background: var(--bg);
    color: var(--fg);
    font-family: var(--font);
    line-height: 1.6;
  }
  
  section {
    padding: 80px 10%;
  }
  
  /* ===== HERO ===== */
  #hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
  
  .hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch; /* Masaüstünde boyları eşitle */
    gap: 40px;
    width: 100%;
  }
  
  .terminal-wrapper {
    position: relative;
    width: 100%;
    height: 100%; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
  }
  
  .terminal {
    /* DEĞİŞTİ: Artık değişkenden rengini alıyor */
    background: var(--term-bg);
    box-shadow: var(--term-shadow);
    
    border-radius: 10px;
    padding: 24px;
    
    /* Düzen Ayarları */
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: background 0.3s ease, box-shadow 0.3s ease; /* Yumuşak geçiş */
  }
  
  .line {
    margin-bottom: 10px;
  }
  
  .prompt {
    color: var(--accent);
  }
  
  .cursor {
    display: inline-block;
    width: 10px;
    height: 1em;
    background: var(--fg);
    margin-left: 4px;
    animation: blink 1s infinite;
  }
  
  @keyframes blink {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
  }
  
  /* ===== THEME TOGGLE ===== */
  .theme-toggle {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 0.85rem;
    color: var(--muted);
    cursor: pointer;
    user-select: none;
    transition: color 0.2s ease;
  }
  
  .theme-toggle:hover {
    color: var(--accent);
  }
  
  /* ===== ASCII ART ===== */
  .ascii-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; 
    justify-content: flex-start;
    width: 100%; 
    margin-top: 10px; 
  }
  
  .ascii-wrapper h2 {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    color: var(--fg);
  }
    
  .ascii {
    display: inline-block;
    color: var(--accent);
    font-size: clamp(7px, 1.6vw, 14px);
    line-height: 1.1;
    letter-spacing: 0px;
    white-space: pre;
    user-select: none;
    text-align: center;
  }
   
  /* ===== NAVBAR ===== */
  .terminal-nav {
    margin-top: 20px; 
    display: flex;
    gap: 25px; 
  }
  
  .terminal-nav a {
    text-decoration: none;
    color: var(--muted);
    font-family: var(--font);
    font-size: 1rem;
    transition: color 0.2s ease;
  }
  
  .terminal-nav a .prompt {
    margin-right: 5px; 
    color: var(--accent); 
  }
  
  .terminal-nav a:hover {
    color: var(--fg); 
  }
  
  /* ===== ABOUT ===== */
  #about p {
    max-width: 600px;
    color: var(--muted);
  }
  
  /* ===== CONTACT ===== */
  #contact a {
    color: var(--accent);
    text-decoration: none;
  }
  
  /* ===== PROJECT CONTAINER (IDE STİLİ) ===== */
  .project-container {
    display: flex;
    border: 1px solid var(--proj-border);  
    border-radius: 8px;
    overflow: hidden;
    background: var(--proj-bg);            
    font-family: "JetBrains Mono", monospace;
    min-height: 300px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2); 
    transition: background 0.3s, border-color 0.3s; 
  }
  
  /* --- SIDEBAR --- */
  .project-sidebar {
    width: 250px;
    background: var(--proj-sidebar);       
    border-right: 1px solid var(--proj-border); 
    padding: 10px;
    flex-shrink: 0;
  }
  
  .sidebar-header {
    font-size: 0.8rem;
    color: var(--proj-fg-muted);           
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  
  .file-tree {
    list-style: none;
    padding-left: 0;
  }
  
  .file-tree .custom-icon {
    height: 18px; 
    width: 18px;
    margin-right: 8px;   
    vertical-align: middle; 
    object-fit: contain;
  } 
  
  .file-tree li {
    margin: 5px 0;
    cursor: pointer;
    color: var(--proj-fg-muted);           
    transition: color 0.2s;
  }
  
  .file-tree .folder-name {
    font-weight: bold;
    color: var(--proj-fg);                 
  }
  
  .file-tree ul {
    list-style: none;
    padding-left: 20px; 
    margin-top: 5px;
  }
  
  .file-tree .file {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
  }
  
  .file-tree .file:hover {
    background: var(--proj-hover);         
    color: var(--proj-fg);                 
  }
  
  .file-tree .file.active {
    background: var(--proj-active);        
    color: var(--proj-fg);                 
    font-weight: 500;
  }
  
  /* --- VIEWER --- */
  .project-viewer {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position: relative; 
    overflow: hidden;   
  }
  
  .editor-tabs {
    background: var(--proj-tab-bg);        
    display: flex;
    height: 35px;
    border-bottom: 1px solid var(--proj-border); 
  }
  
  .editor-tabs .tab {
    padding: 0 20px;
    display: flex;
    align-items: center;
    background: var(--proj-bg);            
    color: var(--proj-fg);                 
    font-size: 0.9rem;
    border-right: 1px solid var(--proj-border); 
    border-top: 2px solid var(--accent);
  }
  
  .editor-content {
    padding: 20px;
    color: var(--proj-fg);                 
    font-size: 0.95rem;
    line-height: 1.6;
    overflow-y: auto;
    position: relative;
    z-index: 1;
  }
  
  /* --- SYNTAX HIGHLIGHT --- */
  .code-block {
    display: none; 
    animation: fadeIn 0.3s ease;
    white-space: pre-wrap;  
    tab-size: 2;            
    font-family: "JetBrains Mono", monospace; 
  }
  
  .code-block.active {
    display: block; 
  }
  
  .comment { color: var(--sh-comment); font-style: italic; }
  .keyword { color: var(--sh-keyword); font-weight: bold; }
  .string { color: var(--sh-string); }
  .function { color: var(--sh-func); }
  .tag { color: var(--sh-tag); }
  .selector { color: var(--sh-keyword); }
  
  .project-viewer a {
    color: var(--accent);
    text-decoration: underline;
  }
  
  .code-block.active  a {
    text-decoration: none;
    color: inherit;
  }
  
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  .bg-icon {
    position: absolute;
    bottom: -20px;
    right: -20px;
    font-size: 150px;
    color: var(--proj-watermark);          
    pointer-events: none;
    transform: rotate(-15deg);
    z-index: 0;
  }
  
  /* ========================================= */
  /* MOBİL AYARLAR               */
  /* ========================================= */
  @media (max-width: 768px) {
    section {
      padding: 60px 5%;
    }
  
    .hero-grid {
      grid-template-columns: 1fr;
      gap: 60px;
      align-items: flex-start; 
    }
  
    .terminal-wrapper {
      height: auto; 
    }
  
    .terminal {
      height: auto; 
    }
  
    .ascii-wrapper {
      overflow-x: hidden;
    }
  
    .terminal-nav {
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }
  
    .project-container {
      flex-direction: column;
    }
  
    .project-sidebar {
      width: 100%;
      border-right: none;
      border-bottom: 1px solid var(--proj-border);
      max-height: 200px; 
      overflow-y: auto;
    }
  }

  .ascii-text {
    margin-top: 15px; /* İkon ile arası */
    /* İsimler daha geniş olabileceği için fontu bir tık daha kıstık */
    font-size: clamp(6px, 1.2vw, 10px) !important; 
    opacity: 0.8; /* İkon kadar baskın olmasın */
    color: var(--fg); /* İstersen yazı rengi (beyaz/gri) olsun */
    font-weight: bold;
  }
  
  /* Light temada isim rengi */
  body.light .ascii-text {
    color: #333;
  }

  #contact a i {
    color: var(--fg); /* Temaya göre otomatik renk (Beyaz/Siyah) */
    transition: all 0.3s ease;
    margin-left: 5px; /* $ işareti ile arasına mesafe */
    margin-right: 15px; /* İkonlar arasına mesafe */
  }
  
  /* Üzerine gelince senin yeşil rengin olsun ve hafif büyüsün */
  #contact a i:hover {
    color: var(--accent); 
    transform: scale(1.2); /* %20 Büyüme efekti */
  }

  .run-btn {
    display: inline-block; 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .run-btn:hover {
    /* Rengi DEĞİŞTİRMİYORUZ (background ve color satırlarını sildik) */
    
    transform: scale(1.1); /* %5 Büyüme (Metin olduğu için 1.2 çok büyük kaçar, 1.05 idealdir) */
}

/* --- NEOFETCH STİLİ --- */
.terminal-header {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--muted);
    padding-bottom: 10px;
    color: var(--fg);
  }
  
  .neofetch-container {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    font-family: "JetBrains Mono", monospace;
  }
  
  .neofetch-art .profile-img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%; /* Yuvarlak resim */
    border: 3px solid var(--accent);
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
  }
  
  .neofetch-info {
    flex: 1;
  }
  
  .neofetch-info .accent {
    color: var(--accent);
    font-weight: bold;
  }
  
  .neofetch-info .key {
    color: var(--accent);
    font-weight: bold;
  }
  
  .bio-text {
    margin-top: 15px;
    color: var(--fg);
    line-height: 1.7;
    opacity: 0.9;
  }
  
  .color-blocks {
    margin-top: 20px;
    display: flex;
    gap: 5px;
  }
  
  .c-blk { width: 20px; height: 20px; display: inline-block; border-radius: 3px; }
  .c1 { background: #e06c75; }
  .c2 { background: #98c379; }
  .c3 { background: #e5c07b; }
  .c4 { background: #61afef; }
  .c5 { background: #c678dd; }
  
  /* Mobilde Alt Alta Alma */
  @media (max-width: 768px) {
  
    /* Neofetch İçerik Düzeni */
    .neofetch-content {
      flex-direction: column; /* Alt alta diz */
      align-items: center;    /* Ortala */
      padding: 20px;
      padding-top: 35px;      /* YENİ: Üstten ekstra boşluk bırak ki resim yapışmasın */
    }
  
    /* Resim Ayarları */
    .neofetch-art .profile-img {
      width: 160px;          /* Mobilde bir tık daha büyük/belirgin olsun */
      height: 160px;
      margin-bottom: 25px;   /* Aşağıdaki yazıyla arasını aç */
      
      /* YENİ: Hafif bir gölgeyle öne çıkaralım */
      box-shadow: 0 5px 20px rgba(0,0,0,0.4); 
    }
    
    /* Başlık Çubuğu Ayarı */
    .win-title {
      text-align: center; /* Mobilde başlık ortada daha şık durabilir */
      padding-left: 0;
    }
    
    /* Bilgiler Mobilde Sola Yaslı Kalsın (Okunabilirlik için) */
    .neofetch-info {
      width: 100%; /* Genişliği doldur */
    }
    
    /* Bilgi satırlarının fontunu mobilde çok az küçültelim taşmasın */
    .info-row {
      font-size: 0.85rem;
    }
  }

  /* ===== NEOFETCH CARD TASARIMI ===== */

/* Ana Pencere (Card) */
.neofetch-win {
    border: 1px solid var(--proj-border); /* Projelerdeki gri/beyaz sınır rengi */
    background: var(--proj-bg);           /* Tema rengine göre arka plan */
    border-radius: 10px;                  /* Köşeleri yuvarla */
    box-shadow: 0 10px 30px rgba(0,0,0,0.25); /* Derinlik/Gölge */
    overflow: hidden;                     /* Taşmaları kes */
    font-family: "JetBrains Mono", monospace;
    margin-top: 20px;
    transition: all 0.3s ease;
  }
  
  /* Üst Başlık Çubuğu (Window Bar) */
  .neofetch-bar {
    background: var(--proj-tab-bg);       /* Proje tab rengiyle aynı olsun */
    padding: 10px 15px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--proj-border);
  }
  
  /* Pencere Butonları (Kırmızı, Sarı, Yeşil) */
  .win-buttons {
    display: flex;
    gap: 8px;
    margin-right: 15px;
  }
  .win-btn { width: 12px; height: 12px; border-radius: 50%; display: inline-block; }
  .close { background: #ff5f56; }
  .minimize { background: #ffbd2e; }
  .maximize { background: #27c93f; }
  
  /* Pencere Başlığı */
  .win-title {
    color: var(--muted);
    font-size: 0.85rem;
    flex: 1;
    text-align: center; /* Başlığı ortala */
    opacity: 0.7;
  }
  
  /* İçerik Alanı (Flex Yapı) */
  .neofetch-content {
    display: flex;
    padding: 30px;
    gap: 40px;
    align-items: flex-start;
  }
  
  /* --- SOL: Profil Resmi --- */
  .neofetch-art .profile-img {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 12px; /* Hafif karemsi yuvarlak */
    border: 4px solid var(--proj-border);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
  }
  
  /* --- SAĞ: Bilgiler --- */
  .neofetch-info {
    flex: 1;
    color: var(--proj-fg);
  }
  
  .cmd-line {
    margin-bottom: 20px;
    font-weight: bold;
  }
  
  .info-grid {
    display: grid;
    gap: 8px;
  }
  
  .info-row {
    font-size: 0.95rem;
  }
  
  .info-row .key {
    color: var(--accent); /* Anahtar kelimeler yeşil */
    font-weight: bold;
    min-width: 100px;
    display: inline-block;
  }
  
  .info-row .val {
    color: var(--proj-fg);
  }
  
  .bio-text {
    margin-top: 15px;
    line-height: 1.6;
    color: var(--proj-fg-muted); /* Hafif soluk yazı */
    font-size: 0.9rem;
  }
  
  /* Renk Kutuları */
  .color-blocks {
    margin-top: 25px;
    display: flex;
    gap: 6px;
  }
  .c-blk { width: 25px; height: 15px; border-radius: 3px; }
  .c1 { background: #000; }
  .c2 { background: #ff5f56; }
  .c3 { background: #ffbd2e; }
  .c4 { background: #27c93f; }
  .c5 { background: #22c55e; }
  .c6 { background: #fff; }
  
  
  /* --- MOBİL UYUMLULUK --- */
  @media (max-width: 768px) {
    .neofetch-content {
      flex-direction: column;
      align-items: center;
      padding: 20px;
    }
  
    .neofetch-art .profile-img {
      width: 150px;
      height: 150px;
      margin-bottom: 20px;
    }
    
    .win-title {
      text-align: left; /* Mobilde başlık sola kaysın */
      padding-left: 10px;
    }
  }

  /* ===== YENİ PROJE PENCERESİ (Wrapper) ===== */
.project-window {
    border: 1px solid var(--proj-border);
    background: var(--proj-bg);
    border-radius: 10px; /* Pencere köşeleri */
    box-shadow: 0 10px 30px rgba(0,0,0,0.3); /* Ana gölge burada */
    overflow: hidden;
    margin-top: 10px;
    font-family: "JetBrains Mono", monospace;
    transition: all 0.3s ease;
  }
  
  /* Pencere Başlık Çubuğu (Ortak Stil) */
  .window-bar {
    background: var(--proj-tab-bg);
    padding: 10px 15px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--proj-border);
  }
  
  /* --- MEVCUT PROJECT CONTAINER GÜNCELLEMESİ --- */
  /* (Eski .project-container kodunu bul ve bununla değiştir veya güncelle) */
  .project-container {
    display: flex;
    /* border: 1px solid...  <-- BU SATIRI SİLİYORUZ (Kenarlık artık üstte) */
    /* border-radius: ...    <-- BU SATIRI SİLİYORUZ */
    /* box-shadow: ...       <-- BU SATIRI SİLİYORUZ */
    
    background: var(--proj-bg);
    min-height: 450px; /* Editör yüksekliğini biraz artırdım */
    
    /* Kenarlık ve gölgeyi kaldırdık çünkü artık project-window'da var */
  }
  
  /* Mobilde düzenleme */
  @media (max-width: 768px) {
    .project-window {
      margin-top: 0;
    }
  }


  /* ===== İLETİŞİM PENCERESİ İÇERİĞİ ===== */
.contact-content {
    padding: 40px;
    font-family: "JetBrains Mono", monospace;
    color: var(--proj-fg);
    text-align: center; /* Her şeyi ortala */
  }
  
  /* Komut satırlarını sola yasla ki terminal havası bozulmasın */
  .contact-content .cmd-line {
    text-align: left;
    background: rgba(0,0,0,0.1); /* Hafif bir şerit arka plan */
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block; /* Sadece yazı kadar yer kaplasın */
    width: 100%;
  }
  
  /* Link Stili */
  .contact-link {
    color: var(--fg);
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    transition: color 0.3s ease;
  }
  
  .contact-link:hover {
    color: var(--accent);
    text-decoration: underline;
  }
  
  /* Sosyal İkonlar Alanı */
  .social-icons {
    display: flex;
    justify-content: center; /* İkonları ortala */
    gap: 20px; /* İkonlar arası boşluk */
    margin-top: 10px;
  }
  
  .social-icons a {
    color: var(--fg);
    transition: transform 0.3s ease, color 0.3s ease;
  }
  
  /* İkonlara gelince büyüme ve renk değişimi */
  .social-icons a:hover {
    color: var(--accent);
    transform: scale(1.2); /* %20 Büyüt */
  }

  /* ===== HASUP PENCERESİ (MAN PAGE STYLE) ===== */

/* Üstteki pencere ile arasına boşluk koyalım */
.hasup-win {
    margin-top: 30px; 
  }
  
  .hasup-content {
    padding: 40px;
    color: var(--proj-fg);
    font-family: "JetBrains Mono", monospace;
    line-height: 1.6;
  }
  
  /* Başlıklar (NAME, SYNOPSIS vb.) */
  .man-section {
    font-weight: bold;
    color: var(--accent); /* Yeşil renk */
    font-size: 1.1rem;
    margin-bottom: 8px;
    margin-top: 25px;
  }
  
  /* İlk başlıkta üst boşluk olmasın */
  .man-section:first-child {
    margin-top: 0;
  }
  
  /* İçerik Metinleri (Girintili) */
  .man-text {
    margin-left: 30px; /* Standart Man Page girintisi */
    color: var(--proj-fg);
    font-size: 0.95rem;
  }
  
  .man-text p {
    margin-bottom: 10px;
  }
  
  /* Vurgulu Kelimeler */
  .accent-text {
    font-weight: bold;
    color: var(--fg); /* Temaya göre beyaz/siyah */
  }
  
  .cmd {
    font-weight: bold;
    color: var(--sh-keyword); /* Mavi kod rengi */
  }
  
  .flag {
    color: var(--sh-string); /* Turuncu/Kırmızı parametre rengi */
    font-weight: bold;
  }
  
  /* Liste Yapısı */
  .man-list {
    list-style: none;
    margin-left: 30px;
  }
  
  .man-list li {
    margin-bottom: 5px;
  }
  
  /* Alt Bilgi Şeridi */
  .man-footer {
    margin-top: 40px;
    border-top: 1px solid var(--proj-border);
    padding-top: 10px;
    font-size: 0.8rem;
    color: var(--proj-fg-muted);
    display: flex;
    justify-content: space-between;
  }
  
  /* Mobilde girintiyi azaltalım */
  @media (max-width: 768px) {
    .man-text, .man-list {
      margin-left: 10px;
    }
  }

  /* ===== TERMINAL FORM STİLİ ===== */

.terminal-form {
    margin-top: 20px;
    text-align: left; /* Form elemanlarını sola yasla */
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .form-group {
    margin-bottom: 20px;
  }
  
  .form-group label {
    display: block;
    font-size: 0.9rem;
    margin-bottom: 5px;
    font-weight: bold;
  }
  
  /* Input Kapsayıcısı (Prompt simgesi ile inputu yan yana koymak için) */
  .input-wrapper {
    display: flex;
    align-items: center;
    background: rgba(0,0,0,0.2); /* Hafif koyu zemin */
    border-bottom: 2px solid var(--proj-border);
    padding: 5px 10px;
    transition: border-color 0.3s;
  }
  
  .textarea-wrapper {
    align-items: flex-start; /* Textarea için promptu yukarı sabitle */
    padding-top: 10px;
  }
  
  /* Odaklanınca alt çizgi yeşil olsun */
  .input-wrapper:focus-within {
    border-bottom: 2px solid var(--accent);
  }
  
  .input-wrapper .prompt {
    margin-right: 10px;
    user-select: none;
  }
  
  /* Input ve Textarea Stilleri - Tarayıcı stilini sıfırla */
  .terminal-form input,
  .terminal-form textarea {
    width: 100%;
    background: transparent;
    border: none;
    color: var(--fg); /* Tema rengine uygun yazı */
    font-family: "JetBrains Mono", monospace;
    font-size: 1rem;
    outline: none; /* Mavi çerçeveyi kaldır */
  }
  
  /* Placeholder rengi */
  .terminal-form input::placeholder,
  .terminal-form textarea::placeholder {
    color: var(--proj-fg-muted);
    opacity: 0.5;
    font-style: italic;
  }
  
  /* GÖNDER BUTONU */
  .terminal-btn {
    background: transparent;
    color: var(--accent);
    border: 2px solid var(--accent);
    padding: 10px 20px;
    font-family: "JetBrains Mono", monospace;
    font-weight: bold;
    font-size: 1rem;
    cursor: pointer;
    width: 100%;
    margin-top: 10px;
    transition: all 0.3s ease;
    text-transform: uppercase;
  }
  
  .terminal-btn:hover {
    background: var(--accent);
    color: var(--bg); /* Arka plan rengini yazı rengi yap (zıtlık) */
    box-shadow: 0 0 15px var(--accent); /* Neon parlama */
  }

  /* Form Durum Mesajı Stili */
.form-status {
    margin-top: 15px;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.95rem;
    min-height: 40px; /* Mesaj gelince zıplama yapmasın diye yer tutucu */
  }

  /* ================= SCROLL TO TOP BUTTON ================= */
.scroll-top-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999; /* En üstte durmalı */
  
  width: 45px;
  height: 45px;
  
  background: var(--bg);       /* Sayfa rengiyle uyumlu */
  border: 2px solid var(--accent); /* Neon Yeşil Çerçeve */
  color: var(--accent);        /* İkon rengi */
  
  border-radius: 8px;          /* Hafif kare (Terminal havası için) */
  cursor: pointer;
  font-size: 1.2rem;
  
  /* Başlangıçta gizli */
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px); /* Aşağıdan yukarı çıkma efekti için */
  transition: all 0.3s ease;
  
  /* İkonu ortalamak için */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

/* JavaScript "show" sınıfını ekleyince görünür olacak */
.scroll-top-btn.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Hover Efekti (Neon Parlama) */
.scroll-top-btn:hover {
  background: var(--accent);   /* İçi yeşil dolsun */
  color: var(--bg);            /* İkon siyah olsun */
  box-shadow: 0 0 20px var(--accent); /* Neon parlama */
  transform: translateY(-5px); /* Hafif yukarı zıplasın */
}