.btc-container {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
    }

    .btc-left-section {
      flex: 1;
      min-width: 300px;
      background-color: #FFFFFF;
      padding: 30px;
      border-radius: 15px;
      box-shadow: 0 4px 20px rgba(59, 66, 140, 0.1);
    }

    .btc-left-section h1 {
      font-size: 2.5rem;
      font-weight: 700;
      color: #3b428c;
      margin-bottom: 15px;
    }

    .btc-left-section h1 span {
      color: #bac6e0;
      background-color: #3b428c;
      padding: 0 10px;
      border-radius: 5px;
    }

    .btc-left-section p {
      font-size: 1rem;
      color: #3b428c;
      line-height: 1.6;
      margin: 10px 0;
      font-weight: 300;
    }

    .btc-left-section h3 {
      font-size: 1.3rem;
      font-weight: 600;
      color: #3b428c;
      margin: 20px 0 10px;
    }

    .btc-right-section {
      flex: 2;
      min-width: 300px;
      background-color: #FFFFFF;
      padding: 30px;
      border-radius: 15px;
      box-shadow: 0 4px 20px rgba(59, 66, 140, 0.1);
    }

    .btc-input-group {
      margin-bottom: 25px;
    }

    .btc-input-group label {
      display: block;
      font-size: 0.9rem;
      font-weight: 600;
      color: #3b428c;
      margin-bottom: 8px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .btc-input-group .btc-input-wrapper {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .btc-input-group input, .btc-input-group input[type="range"] {
      width: 100%;
      padding: 12px;
      border: 2px solid #bac6e0;
      border-radius: 8px;
      font-size: 1rem;
      background-color: #f9faff;
      transition: border-color 0.3s ease;
    }

    .btc-input-group input:focus {
      outline: none;
      border-color: #3b428c;
    }

    .btc-input-group input[type="range"] {
      -webkit-appearance: none;
      height: 6px;
      background: #bac6e0;
      border: none;
      border-radius: 3px;
    }

    .btc-input-group input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 20px;
      height: 20px;
      background: #3b428c;
      border-radius: 50%;
      cursor: pointer;
      box-shadow: 0 2px 5px rgba(59, 66, 140, 0.3);
    }

    .btc-result-section {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      margin-top: 30px;
    }

    .btc-result-box {
      flex: 1;
      min-width: 180px;
      padding: 20px;
      border-radius: 10px;
      text-align: center;
      background-color: #f9faff;
      border: 1px solid #bac6e0;
      transition: transform 0.3s ease;
    }

    .btc-result-box:hover {
      transform: translateY(-5px);
    }

    .btc-result-box.btc-green {
      background-color: #3b428c;
      color: #FFFFFF;
      border: none;
    }

    .btc-result-box p {
      font-size: 0.85rem;
      font-weight: 600;
      margin-bottom: 8px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .btc-result-box h4 {
      font-size: 1.2rem;
      font-weight: 700;
    }

    .btc-apply-btn {
      display: block;
      width: 180px;
      margin: 30px auto 0;
      padding: 12px;
      background-color: #3b428c;
      color: #FFFFFF;
      text-align: center;
      border-radius: 8px;
      text-decoration: none;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: background-color 0.3s ease;
    }

    .btc-apply-btn:hover {
      background-color: #2a316b;
    }

    @media (max-width: 768px) {
      .btc-container {
        flex-direction: column;
        gap: 20px;
      }

      .btc-left-section, .btc-right-section {
        width: 100%;
      }

      .btc-left-section h1 {
        font-size: 2rem;
      }

      .btc-result-box {
        flex: 1 1 100%;
      }

      .btc-apply-btn {
        width: 100%;
      }
    }