.container{
	  width:100%;
      max-width:1100px;
      background:#fff;
      border-radius:24px;
      overflow:hidden;
      display:grid;
      grid-template-columns:1fr 1fr;
    }

    .calculator{
      padding:20px;
    }

    .result-section{
      background:linear-gradient(135deg,#ff0000,#ff4d4d);
      color:#fff;
      padding:20px;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .input-group{
      margin-bottom:22px;
    }

    .input-group label{
      display:block;
      margin-bottom:10px;
      font-weight:500;
    }

    .input-box{
      position:relative;
    }

    .currency-symbol{
      position:absolute;
      left:16px;
      top:50%;
      transform:translateY(-50%);
      color:#64748b;
	  z-index:2;
    }
	#cpm,
	#views{
	  padding-left:28px !important;
	}

    .input-group input,
    .input-group select{
      width:100%;
      padding:26px 18px;
      border:2px solid #e2e8f0;
      border-radius:14px;
      outline:none;
      transition:0.3s;
      background:#fff;
    }

    .input-group input{
      padding-left:42px;
    }

    .input-group input:focus,
    .input-group select:focus{
      border-color:#ff0000;
      box-shadow:0 0 0 4px rgba(255,0,0,0.1);
    }

    .toggle-wrapper{
      display:flex;
      gap:12px;
      margin-bottom:28px;
    }

    .toggle-btn{
      flex:1;
      padding:14px;
      border:none;
      border-radius:12px;
      font-weight:600;
      cursor:pointer;
      background:#f1f5f9;
      transition:0.3s;
      font-size:15px;
    }

    .toggle-btn.active{
      background:#ff0000;
      color:#fff;
    }

    .range-value{
      display:flex;
      justify-content:space-between;
      margin-top:8px;
      font-size:14px;
      color:#64748b;
    }

    input[type="range"]{
      width:100%;
      accent-color:#ff0000;
      margin-top:10px;
    }

	#engagement{
  width:100%;
  height:56px;
  padding:0 16px !important;
  background:#fff !important;
  color:#1e293b !important;
  border:2px solid #e2e8f0 !important;
  border-radius:14px !important;
  font-size:16px !important;
  appearance:auto !important;
  opacity:1 !important;
  visibility:visible !important;
}
	#engagement option{
  background:#fff;
  color:#1e293b;
}

    .result-title{
      font-size:18px;
      margin-bottom:12px;
      opacity:0.9;
    }

    .main-earning{
      font-size:42px;
      font-weight:700;
      margin-bottom:25px;
    }

    .result-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
      margin-top:20px;
    }

    .result-card{
      background:rgba(255,255,255,0.15);
      border:1px solid rgba(255,255,255,0.2);
      border-radius:18px;
      padding:20px;
      backdrop-filter:blur(10px);
    }

    .result-card h4{
      margin-bottom:8px;

    }

    .channel-growth{
      margin-top:30px;
      background:rgba(255,255,255,0.12);
      padding:20px;
      border-radius:18px;
    }

    .growth-bar{
      height:14px;
      background:rgba(255,255,255,0.2);
      border-radius:50px;
      overflow:hidden;
      margin-top:14px;
    }

    .growth-fill{
      height:100%;
      width:70%;
      background:#fff;
      border-radius:50px;
      transition:1s ease;
    }

    .rating{
      margin-top:14px;
      font-size:16px;
      font-weight:600;
    }

    @media(max-width:900px){
      .container{
        grid-template-columns:1fr;
      }

      .calculator,
      .result-section{
        padding:28px;
      }

      .main-earning{
        font-size:24px;
      }
    }