body { 
        background-color: var(--space-dark); /* Koyu Arka Plan */
        color: white; 
      }

      /* Teknoloji Arka Plan Izgarası */
      .grid-bg {
        position: fixed;
        top: 0; left: 0; width: 100%; height: 100%;
        background-image: 
          linear-gradient(0deg, transparent 24%, rgba(255, 140, 66, .03) 25%, rgba(255, 140, 66, .03) 26%, transparent 27%, transparent 74%, rgba(255, 140, 66, .03) 75%, rgba(255, 140, 66, .03) 76%, transparent 77%, transparent),
          linear-gradient(90deg, transparent 24%, rgba(255, 140, 66, .03) 25%, rgba(255, 140, 66, .03) 26%, transparent 27%, transparent 74%, rgba(255, 140, 66, .03) 75%, rgba(255, 140, 66, .03) 76%, transparent 77%, transparent);
        background-size: 50px 50px;
        z-index: -1;
      }

      /* Kart Tasarımları */
      .card-product { 
        background: rgba(26, 31, 40, 0.8);
        border: 1px solid rgba(255, 255, 255, 0.1) !important; 
        border-radius: 15px; 
        transition: 0.3s; 
        backdrop-filter: blur(10px);
        color: white;
      }

      .product-icon-box {
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
      }

      .product-icon-java {
        background: #ff8a422a;
        color: #ff8c42;
      }

      .product-icon-python {
        background: #4ccaf028;
        color: #4cc9f0;
      }

      .product-icon-web {
        background: #7109b73a;
        color: #7209b7;
      }

      .check-java { color: var(--venus-orange); }
      .check-python { color: #4cc9f0; }
      .check-web { color: #7209b7; }
      .step-number,
      .step-icon,
      .faq-icon,
      .contact-icon,
      .contact-link {
        color: var(--venus-orange);
      }

      .btn-submit-offer {
        background-color: var(--venus-orange) !important;
        border: 1px solid var(--venus-orange) !important;
        color: var(--space-dark) !important;
        transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
      }

      .btn-submit-offer:hover,
      .btn-submit-offer:focus,
      .btn-submit-offer:active,
      .btn-submit-offer.active,
      .show > .btn-submit-offer.dropdown-toggle {
        background-color: #ff7a26 !important;
        border-color: #ff7a26 !important;
        color: var(--space-dark) !important;
        box-shadow: 0 12px 28px rgba(255, 140, 66, 0.28) !important;
        transform: translateY(-1px);
      }

      .btn-submit-offer:focus-visible {
        outline: none;
        box-shadow: 0 0 0 0.25rem rgba(255, 140, 66, 0.22), 0 12px 28px rgba(255, 140, 66, 0.2) !important;
      }

      .btn-submit-offer:disabled {
        opacity: 0.72;
        cursor: wait;
        transform: none;
        box-shadow: none !important;
      }

      .contact-form-feedback {
        min-height: 52px;
      }

      .contact-form-feedback .alert {
        margin-bottom: 0;
        border-radius: 14px;
        border: 1px solid rgba(255, 255, 255, 0.08);
      }

      /* Genel Hover Ayarı (Yükselme ve Blur) */
      .card-product:hover { 
        transform: translateY(-10px); 
        backdrop-filter: blur(15px);
      }

      /* Java - Kırmızı Parlama */
      .card-java:hover {
        border-color: var(--venus-orange) !important;
        box-shadow: 0 10px 30px #743f1e;
      }

      /* Python - Mavi Parlama */
      .card-python:hover {
        border-color: #4cc9f0 !important;
        box-shadow: 0 10px 30px #286b80;
      }

      /* Web Geliştirme - Mor Parlama */
      .card-web:hover {
        border-color: #7209b7 !important;
        box-shadow: 0 10px 30px #410569;
      }

      .btn-java-venus {
        background-color: var(--venus-orange);
        color: white; font-weight: 600; border-radius: 5px;
      }

      .btn-java-venus:hover { 
        background-color: var(--venus-orange); 
        color: white; 
      }

      .btn-python-venus {
        background-color: #4cc9f0;
        color: white; font-weight: 600; border-radius: 5px;
      }

      .btn-python-venus:hover { 
        background-color: #4cc9f0; 
        color: white; 
      }

      .btn-web-venus {
        background-color: #7209b7;
        color: white; font-weight: 600; border-radius: 5px;
      }

      .btn-web-venus:hover { 
        background-color: #7209b7; 
        color: white; 
      }

      /* Butonları Görseldeki Gibi Belirginleştir */
      .btn-java {
        border-color: var(--venus-orange);
        color: var(--venus-orange) !important;
      }

      .btn-java:hover {
        background-color: var(--venus-orange)!important;
        color: white !important;
      }

      .btn-python {
        border-color: #4cc9f0;
        color: #4cc9f0 !important;
      }

      .btn-python:hover {
        background-color: #4cc9f0 !important;
        color: white !important;
      }

      .btn-web {
        border-color: #7209b7;
        color: #7209b7 !important;
      }

      .btn-web:hover {
        background-color: #7209b7 !important;
        color: white !important;
      }

      /* SSS Akordeon */
      .accordion-item {
        background-color: transparent !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
      }
      .accordion-button {
        background-color: transparent !important;
        color: white !important;
      }
      .accordion-button:focus {
        border-color: var(--venus-orange) !important;
        box-shadow: 0 0 0 0.25rem rgba(255, 140, 66, 0.25) !important;
        outline: 0 !important;
      }
      .accordion-button:not(.collapsed) {
        background-color: rgba(255, 140, 66, 0.1) !important;
        color: var(--venus-orange) !important;
      }

      /* Süreç kartları için özel hover efekti */
      .step-item:hover {
        transform: translateY(-10px);
        border-color: var(--venus-orange) !important;
        box-shadow: 0 10px 30px rgba(255, 140, 66, 0.3);
        background: rgba(255, 140, 66, 0.05); /* İçeriye çok hafif bir turuncu dokunuş */
      }

      .form-container { 
        background: #11141b; 
        color: white; 
        border: 1px solid var(--venus-orange);
        border-radius: 20px; 
        padding: 40px; 
      }