#fct-affiliate-income{
      --navy:#0f172a;
      --navy-2:#1e293b;
      --blue:#2563eb;
      --blue-light:#dbeafe;
      --green:#22c55e;
      --green-dark:#15803d;
      --white:#ffffff;
      --gray-50:#f8fafc;
      --gray-100:#f1f5f9;
      --gray-200:#e2e8f0;
      --gray-500:#64748b;
      --gray-700:#334155;
      --gray-900:#0f172a;
      --red:#dc2626;
      --shadow:0 12px 32px rgba(15,23,42,.14);
      --radius:18px;
    }

    #fct-affiliate-income *{box-sizing:border-box}

    #fct-affiliate-income{
      margin:0;
      padding:24px;
      font-family:Arial,Helvetica,sans-serif;
      background:linear-gradient(135deg,#eaf2ff 0%,#f8fafc 55%,#ecfdf5 100%);
      color:var(--gray-900);
    }

    #fct-affiliate-income .affiliate-calculator{
      width:100%;
      max-width:980px;
      margin:0 auto;
    }

    #fct-affiliate-income .hero{
      background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 55%,#1e40af 100%);
      color:var(--white);
      border-radius:var(--radius);
      padding:34px 26px;
      text-align:center;
      box-shadow:var(--shadow);
      border-top:6px solid var(--green);
    }

    #fct-affiliate-income .hero h1{
      margin:0 0 12px;
      color:#ffffff;
      font-size:clamp(28px,5vw,44px);
      line-height:1.1;
    }

    #fct-affiliate-income .hero p{
      max-width:760px;
      margin:0 auto;
      font-size:17px;
      line-height:1.65;
      color:#eff6ff;
    }

    #fct-affiliate-income .calculator-card{
      margin-top:22px;
      background:var(--white);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
    }

    #fct-affiliate-income .tabs{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:0;
      background:var(--navy);
    }

    #fct-affiliate-income .tab-button{
      border:0;
      padding:18px 16px;
      cursor:pointer;
      font-size:17px;
      font-weight:700;
      background:var(--navy);
      color:#cbd5e1;
      transition:.2s ease;
    }

    #fct-affiliate-income .tab-button:hover, #fct-affiliate-income .tab-button:focus{
      background:#172554;
      color:var(--white);
      outline:none;
    }

    #fct-affiliate-income .tab-button.active{
      background:var(--green);
      color:var(--navy);
    }

    #fct-affiliate-income .content{
      padding:26px;
    }

    #fct-affiliate-income .mode-panel{display:none}
    #fct-affiliate-income .mode-panel.active{display:block}

    #fct-affiliate-income .section-title{
      margin:0 0 8px;
      font-size:24px;
      color:var(--navy);
    }

    #fct-affiliate-income .section-description{
      margin:0 0 22px;
      color:var(--gray-500);
      line-height:1.6;
    }

    #fct-affiliate-income .grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:18px;
    }

    #fct-affiliate-income .field.full{grid-column:1/-1}

    #fct-affiliate-income label{
      display:block;
      margin-bottom:7px;
      font-weight:700;
      color:var(--gray-700);
    }

    #fct-affiliate-income .hint{
      display:block;
      margin-top:6px;
      font-size:13px;
      line-height:1.4;
      color:var(--gray-500);
    }

    #fct-affiliate-income input, #fct-affiliate-income select{
      width:100%;
      min-height:50px;
      padding:12px 14px;
      border:1px solid #cbd5e1;
      border-radius:10px;
      background:var(--white);
      color:#111827;
      font-size:16px;
      outline:none;
    }

    #fct-affiliate-income input::placeholder{color:#7c8799}

    #fct-affiliate-income input:focus, #fct-affiliate-income select:focus{
      border-color:var(--blue);
      box-shadow:0 0 0 3px rgba(37,99,235,.14);
    }

    #fct-affiliate-income .commission-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
    }

    #fct-affiliate-income .button-row{
      display:grid;
      grid-template-columns:2fr 1fr;
      gap:12px;
      margin-top:24px;
    }

    #fct-affiliate-income button.action{
      border:0;
      border-radius:10px;
      padding:15px 18px;
      font-size:17px;
      font-weight:700;
      cursor:pointer;
      transition:transform .15s ease,filter .15s ease;
    }

    #fct-affiliate-income button.action:hover{filter:brightness(.96);transform:translateY(-1px)}

    #fct-affiliate-income .calculate-btn{
      background:var(--green);
      color:var(--navy);
    }

    #fct-affiliate-income .reset-btn{
      background:var(--gray-200);
      color:var(--navy);
    }

    #fct-affiliate-income .results{
      display:none;
      margin-top:28px;
      padding-top:26px;
      border-top:1px solid var(--gray-200);
    }

    #fct-affiliate-income .results.show{display:block}

    #fct-affiliate-income .result-heading{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:16px;
    }

    #fct-affiliate-income .result-heading h2{
      margin:0;
      color:var(--navy);
      font-size:28px;
    }

    #fct-affiliate-income .estimate-badge{
      background:var(--blue-light);
      color:#1d4ed8;
      border-radius:999px;
      padding:7px 11px;
      font-size:13px;
      font-weight:700;
      white-space:nowrap;
    }

    #fct-affiliate-income .result-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:14px;
    }

    #fct-affiliate-income .result-box{
      background:var(--gray-50);
      border:1px solid var(--gray-200);
      border-radius:14px;
      padding:18px;
      min-height:118px;
    }

    #fct-affiliate-income .result-box.featured{
      background:linear-gradient(135deg,#ecfdf5,#dcfce7);
      border-color:#86efac;
    }

    #fct-affiliate-income .result-label{
      display:block;
      color:var(--gray-500);
      font-size:14px;
      margin-bottom:8px;
    }

    #fct-affiliate-income .result-value{
      display:block;
      color:var(--navy);
      font-size:clamp(23px,4vw,31px);
      font-weight:800;
      overflow-wrap:anywhere;
    }

    #fct-affiliate-income .result-sub{
      display:block;
      color:var(--gray-500);
      margin-top:7px;
      font-size:13px;
      line-height:1.4;
    }

    #fct-affiliate-income .insight{
      margin-top:18px;
      padding:18px;
      border-left:5px solid var(--blue);
      border-radius:10px;
      background:#eff6ff;
      color:#1e3a8a;
      line-height:1.65;
    }

    #fct-affiliate-income .goal-box{
      margin-top:18px;
      padding:20px;
      border-radius:14px;
      background:var(--navy);
      color:var(--white);
    }

    #fct-affiliate-income .goal-box h3{
      margin:0 0 9px;
      color:#86efac;
    }

    #fct-affiliate-income .goal-box p{
      margin:0;
      line-height:1.65;
      color:#e2e8f0;
    }

    #fct-affiliate-income .progress{
      height:14px;
      margin-top:14px;
      background:#334155;
      border-radius:999px;
      overflow:hidden;
    }

    #fct-affiliate-income .progress-bar{
      width:0;
      height:100%;
      background:var(--green);
      border-radius:999px;
      transition:width .5s ease;
    }

    #fct-affiliate-income .ladder{
      margin-top:24px;
    }

    #fct-affiliate-income .ladder h3{
      margin:0 0 12px;
      color:var(--navy);
    }

    #fct-affiliate-income .table-wrap{
      overflow-x:auto;
      border:1px solid var(--gray-200);
      border-radius:12px;
    }

    #fct-affiliate-income table{
      width:100%;
      border-collapse:collapse;
      min-width:560px;
    }

    #fct-affiliate-income th, #fct-affiliate-income td{
      padding:13px 15px;
      text-align:left;
      border-bottom:1px solid var(--gray-200);
    }

    #fct-affiliate-income th{
      background:var(--navy);
      color:var(--white);
      font-size:14px;
    }

    #fct-affiliate-income tr:last-child td{border-bottom:0}

    #fct-affiliate-income tr:nth-child(even) td{background:var(--gray-50)}

    #fct-affiliate-income .program-note{
      margin-top:20px;
      padding:16px;
      background:#fff7ed;
      border:1px solid #fed7aa;
      border-radius:12px;
      color:#9a3412;
      line-height:1.55;
    }

    #fct-affiliate-income .resource-section{
      margin-top:22px;
      padding:22px;
      border-radius:14px;
      background:var(--gray-50);
      border:1px solid var(--gray-200);
    }

    #fct-affiliate-income .resource-section h3{
      margin:0 0 10px;
      color:var(--navy);
    }

    #fct-affiliate-income .resource-section p{
      margin:0 0 14px;
      color:var(--gray-500);
      line-height:1.6;
    }

    #fct-affiliate-income .resource-link{
      display:inline-block;
      text-decoration:none;
      font-weight:700;
      border-radius:10px;
      padding:12px 16px;
      background:var(--blue);
      color:var(--white);
    }

    #fct-affiliate-income .resource-link.disabled{
      background:#94a3b8;
      pointer-events:none;
    }

    #fct-affiliate-income .disclaimer{
      margin-top:22px;
      padding:18px;
      border-radius:14px;
      background:#fff1f2;
      border:1px solid #fecdd3;
      color:#881337;
      font-size:14px;
      line-height:1.65;
    }

    #fct-affiliate-income .footer-note{
      margin-top:16px;
      text-align:center;
      color:var(--gray-500);
      font-size:13px;
    }

    @media  (max-width:760px){
      #fct-affiliate-income{padding:12px}
      #fct-affiliate-income .hero{padding:28px 18px}
      #fct-affiliate-income .content{padding:20px 16px}
      #fct-affiliate-income .grid, #fct-affiliate-income .commission-row, #fct-affiliate-income .result-grid{
        grid-template-columns:1fr;
      }
      #fct-affiliate-income .button-row{
        grid-template-columns:1fr;
      }
      #fct-affiliate-income .result-heading{
        align-items:flex-start;
        flex-direction:column;
      }
      #fct-affiliate-income .tabs{
        grid-template-columns:1fr;
      }
    }
.fct-tool-path-note{margin:0 0 20px;padding:14px 16px;border:1px solid #cfe0ee;border-left:4px solid #22c55e;border-radius:10px;background:#f8fbfe;color:#334155;line-height:1.55}.fct-tool-path-note a{font-weight:700;color:#1e3a8a;text-decoration:underline}