:root { 
        --code-font: 'JetBrains Mono', monospace; 
      }

      body {
        background-color: #0f1218; 
        color: #e9ecef; 
      }

      .navbar-brand {
        font-weight: 900 !important;
      }
        
      /* Terminal Tarzı Header */
      .terminal-header {
        background: #1a1f28;
        border-radius: 10px 10px 0 0;
        padding: 10px 15px;
        display: flex;
        gap: 8px;
        border: 1px solid #333;
      }

      .dot { 
        width: 12px; 
        height: 12px; 
        border-radius: 50%; 
      }

      .red { background: #ff5f56; }
      .yellow { background: #ffbd2e; }
      .green { background: #27c93f; }
      
      .terminal-body {
        background: #0b0e14;
        padding: 30px;
        border-radius: 0 0 10px 10px;
        border: 1px solid #333;
        font-family: var(--code-font);
        font-size: 0.9rem;
        line-height: 1.6;
        overflow-x: auto; /* Kod mobilde taşarsa kaydırılabilir olsun */
      }

      /* Geliştirici Bölümü Kapsayıcısı */
      .dev-section {
        position: relative; /* Canvas'ın buraya göre hizalanması için şart */
        background-color: #0f1218; 
        overflow: hidden;
        padding: 80px 0;
        min-height: 100vh;
      }

      /* Hareketli Arka Plan (Matrix Canvas) */
      #dev-canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.15; /* Kartların okunmasını engellememesi için şeffaf */
        z-index: 1; /* Arka planda kalması için */
        pointer-events: none;
      }

      /* İçeriği (Kartları) Canvas'ın Önüne Al */
      .dev-section .container {
        position: relative;
        z-index: 2;
      }

      /* Teknoloji Radarımız kısmının arkasının şeffaf olduğundan emin olalım */
      .row.mt-5.pt-5 {
        background: transparent;
      }

      /* Developer Kartları */
      .dev-card {
        background: #1a1f28;
        border: 1px solid #333;
        border-radius: 15px;
        transition: 0.3s;
        height: 100%; /* Kartların boyunu eşitlemek için */
      }
      .dev-card:hover { 
        border-color: var(--venus-orange); 
        transform: translateY(-5px); 
      }
      
      .skill-badge {
        background: rgba(255, 140, 66, 0.1);
        color: var(--venus-orange);
        border: 1px solid var(--venus-orange);
        padding: 4px 12px;
        border-radius: 20px;
        font-size: 0.8rem;
        margin: 4px;
        display: inline-block;
      }

      .text-orange { color: var(--venus-orange); }
      .code-comment { color: #6a9955; }
      .code-keyword { color: #569cd6; }
      .code-string { color: #ce9178; }

      /* Mobil Başlık Ayarı */
      @media (max-width: 768px) {
        .display-4 { font-size: 2.2rem; }
      }