/* =========================================================
   Riset Akselerasi - Form
   ========================================================= */
.research-form-section{padding:120px 0;background:#f7f8fc}
      .research-form-card{background:#fff;border-radius:18px;padding:34px;box-shadow:0 10px 35px rgba(22,34,70,.08)}
      .form-heading{max-width:820px;margin-left:auto;margin-right:auto}
      .form-heading h2{font-size:28px;font-weight:700;line-height:1.35;color:#17213a}
      .form-heading p{color:#667085}
      .form-badge{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;background:#eef0ff;color:#1b2bb8;font-size:13px;font-weight:700}
      .form-section{padding:28px 0;border-top:1px solid #eaecf0}
      .form-section:first-of-type{margin-top:30px}
      .form-section-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}
      .section-number{flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#1822a8;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
      .form-section-title h3{margin:0 0 4px;font-size:20px;font-weight:700;color:#17213a}
      .form-section-title p{margin:0;color:#667085;font-size:14px}
.consent-box{
  padding:18px 20px;
  border:1px solid #dfe3f0;
  border-radius:12px;
  background:#fafbff;
  text-align:justify;
}

.consent-box p{
  margin-bottom:12px;
  line-height:1.6;
  color:#344054;
  text-align:justify;
}

.consent-list{
  margin:0 0 12px;
  padding-left:22px;
  color:#344054;
  text-align:justify;
}

.consent-list li{
  margin-bottom:6px;
  line-height:1.55;
  text-align:justify;
}

      .form-label{font-weight:600;color:#344054;margin-bottom:8px}
      .form-label span,.required-note span{color:#d92d20}
      .form-control,.form-select,.input-group-text{min-height:48px;border-color:#d0d5dd}
      .form-control:focus,.form-select:focus{border-color:#5964dc;box-shadow:0 0 0 .2rem rgba(89,100,220,.12)}
      .instrument-placeholder{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px dashed #aab2d5;border-radius:12px;background:#fafbff}
      .instrument-placeholder i{font-size:28px;color:#2637c6}
      .instrument-placeholder h4{font-size:17px;font-weight:700;margin-bottom:4px}
      .instrument-placeholder p{color:#667085}
      .form-actions{border-top:1px solid #eaecf0;padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}
      .required-note{margin:0;font-size:13px;color:#667085}
      .btn-submit{border:0;border-radius:10px;padding:13px 24px;background:#1720a5;color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:9px;transition:.2s ease}
      .btn-submit:hover{background:#10177b;transform:translateY(-1px)}
      @media(max-width:768px){.research-form-section{padding:90px 0}.research-form-card{padding:20px 16px;border-radius:12px}.form-heading h2{font-size:22px}.form-actions{flex-direction:column;align-items:stretch}.btn-submit{justify-content:center;width:100%}}
    
      /* Bagian C */
      .question-card{
        padding:18px 20px;
        margin-bottom:18px;
        border:1px solid #e1e5ee;
        border-radius:12px;
        background:#fff;
      }
      .question-title{
        margin:0 0 6px;
        font-size:16px;
        font-weight:700;
        color:#17213a;
        line-height:1.45;
      }
      .question-title span{
        color:#d92d20;
      }
      .question-desc{
        margin:0 0 14px;
        color:#667085;
        font-size:14px;
        line-height:1.55;
      }
      .choice-list{
        display:flex;
        flex-direction:column;
        gap:8px;
      }
      .choice-option{
        display:flex;
        align-items:flex-start;
        gap:10px;
        padding:10px 12px;
        margin:0;
        border:1px solid #e4e7ec;
        border-radius:9px;
        background:#fafbfc;
        cursor:pointer;
        transition:.15s ease;
      }
      .choice-option:hover{
        border-color:#aeb6e8;
        background:#f7f8ff;
      }
      .choice-option input[type="radio"]{
        margin-top:4px;
        flex:0 0 auto;
        accent-color:#1822a8;
      }
      .choice-option span{
        color:#344054;
        line-height:1.45;
      }
      .choice-option:has(input:checked){
        border-color:#5964dc;
        background:#f3f4ff;
      }
      .other-input{
        margin-top:2px;
      }
      .other-input:disabled{
        background:#f2f4f7;
        cursor:not-allowed;
      }
      .radio-feedback{
        display:none;
        margin-top:2px;
      }
      .wizard-page.was-validated .choice-list:has(input[type="radio"][required]:invalid) .radio-feedback{
        display:block;
      }
      @media(max-width:768px){
        .question-card{
          padding:15px;
        }
        .choice-option{
          padding:10px;
        }
      }



      /* Halaman 2: CDSE-SF */
      .instrument-instruction{
        margin-bottom:20px;
      }
      .instrument-instruction h4{
        margin:0 0 10px;
        font-size:17px;
        font-weight:700;
        color:#17213a;
      }
      .instrument-instruction p{
        margin-bottom:8px;
      }
      .instrument-list{
        display:flex;
        flex-direction:column;
        gap:12px;
      }
      .instrument-item{
        padding:16px;
        border:1px solid #e4e7ec;
        border-radius:12px;
        background:#fff;
      }
      .instrument-item-text{
        display:flex;
        align-items:flex-start;
        gap:12px;
        margin-bottom:14px;
      }
      .instrument-item-text p{
        margin:0;
        color:#344054;
        line-height:1.55;
        text-align:justify;
        font-weight:500;
      }
      .item-number{
        flex:0 0 30px;
        width:30px;
        height:30px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border-radius:8px;
        background:#eef0ff;
        color:#1822a8;
        font-size:13px;
        font-weight:700;
      }
      .scale-options{
        display:grid;
        grid-template-columns:repeat(5,1fr);
        gap:8px;
      }
      .scale-option{
        position:relative;
        margin:0;
        cursor:pointer;
      }
      .scale-option input{
        position:absolute;
        opacity:0;
        pointer-events:none;
      }
      .scale-option .response-text{
        min-height:58px;
        height:100%;
        padding:9px 8px;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        border:1px solid #d9deea;
        border-radius:8px;
        background:#fafbfc;
        color:#475467;
        font-size:13px;
        line-height:1.35;
        transition:.15s ease;
      }
      .scale-option:hover .response-text{
        border-color:#9fa8df;
        background:#f6f7ff;
      }
      .scale-option input:checked + .response-text{
        border-color:#1822a8;
        background:#1822a8;
        color:#fff;
      }
      .scale-option input:focus-visible + .response-text{
        outline:3px solid rgba(89,100,220,.22);
        outline-offset:2px;
      }
      .instrument-feedback{
        display:none;
        margin-top:8px;
      }
      .wizard-page.was-validated .instrument-item:has(input[type="radio"][required]:invalid) .instrument-feedback{
        display:block;
      }
      .email-duplicate-feedback{
        margin-top:6px;
        font-size:.875rem;
        color:#dc3545;
      }

      @media(max-width:992px){
        .scale-options{
          grid-template-columns:1fr;
        }
        .scale-option .response-text{
          min-height:auto;
          justify-content:flex-start;
          text-align:left;
          padding:10px 12px;
        }
      }

      @media(max-width:768px){
        .instrument-item{
          padding:14px 12px;
        }
      }

      



      /* Halaman 3: SCPIS-V7 */
      .scpis-scale-options{
        grid-template-columns:repeat(6,1fr);
      }

      @media(max-width:1200px){
        .scpis-scale-options{
          grid-template-columns:repeat(3,1fr);
        }
      }

      @media(max-width:992px){
        .scpis-scale-options{
          grid-template-columns:1fr;
        }
      }



      /* Halaman 4: CASES */
      .instrument-subsection{
        display:flex;
        align-items:center;
        gap:12px;
        padding:12px 14px;
        margin:12px 0 2px;
        border-radius:10px;
        background:#f3f4ff;
        border:1px solid #e1e4f5;
      }
      .subsection-badge{
        flex:0 0 32px;
        width:32px;
        height:32px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border-radius:8px;
        background:#1822a8;
        color:#fff;
        font-weight:700;
      }
      .instrument-subsection h4{
        margin:0 0 2px;
        font-size:15px;
        font-weight:700;
        color:#17213a;
      }
      .instrument-subsection p{
        margin:0;
        font-size:12px;
        color:#667085;
      }
      .cases-scale-options{
        grid-template-columns:repeat(5,1fr);
      }
      @media(max-width:1200px){
        .cases-scale-options{
          grid-template-columns:repeat(2,1fr);
        }
      }
      @media(max-width:992px){
        .cases-scale-options{
          grid-template-columns:1fr;
        }
      }


      /* Halaman 5: ELICES */
      .elices-scale-options{
        display:grid;
        grid-template-columns:repeat(30,1fr);
        gap:8px;
      }

      /* Baris pertama: 6 pilihan, masing-masing 5 kolom */
      .elices-scale-options .elices-option:nth-child(-n+6){
        grid-column:span 5;
      }

      /* Baris kedua: 5 pilihan, masing-masing 6 kolom */
      .elices-scale-options .elices-option:nth-child(n+7){
        grid-column:span 6;
      }

      @media(max-width:1200px){
        .elices-scale-options{
          grid-template-columns:repeat(2,1fr);
        }

        .elices-scale-options .elices-option:nth-child(n){
          grid-column:auto;
        }
      }

      @media(max-width:576px){
        .elices-scale-options{
          grid-template-columns:1fr;
        }
      }

      /* Wizard */
      .wizard-progress{
        position:relative;
        padding:10px 0 8px;
        margin-top:30px;
      }
      .wizard-progress-line{
        position:absolute;
        top:29px;
        left:9%;
        right:9%;
        height:4px;
        background:#e6e9f5;
        border-radius:999px;
        overflow:hidden;
        z-index:0;
      }
      .wizard-progress-fill{
        height:100%;
        width:0;
        background:#1822a8;
        transition:width .3s ease;
      }
      .wizard-steps{
        position:relative;
        display:flex;
        justify-content:space-between;
        z-index:1;
      }
      .wizard-step{
        width:20%;
        text-align:center;
        color:#98a2b3;
        font-size:12px;
      }
      .wizard-step span{
        width:38px;
        height:38px;
        margin:0 auto 8px;
        border-radius:50%;
        background:#eef0f7;
        border:2px solid #d6dbea;
        display:flex;
        align-items:center;
        justify-content:center;
        font-weight:700;
        color:#667085;
        transition:.25s ease;
      }
      .wizard-step small{
        display:block;
        font-weight:600;
      }
      .wizard-step.active span,
      .wizard-step.completed span{
        background:#1822a8;
        border-color:#1822a8;
        color:#fff;
      }
      .wizard-step.active small,
      .wizard-step.completed small{
        color:#1822a8;
      }
      .wizard-page{
        display:none;
      }
      .wizard-page.active{
        display:block;
        animation:wizardFade .25s ease;
      }
      @keyframes wizardFade{
        from{opacity:0;transform:translateY(6px)}
        to{opacity:1;transform:translateY(0)}
      }
      .wizard-actions{
        border-top:1px solid #eaecf0;
        padding-top:26px;
        margin-top:10px;
        display:flex;
        align-items:center;
        gap:18px;
      }
      .consent-check{
        flex:1;
      }
      .btn-next,
      .btn-prev{
        border:0;
        border-radius:10px;
        padding:13px 22px;
        font-weight:700;
        display:inline-flex;
        align-items:center;
        gap:8px;
        transition:.2s ease;
      }
      .btn-next{
        margin-left:auto;
        background:#1720a5;
        color:#fff;
      }
      
      .btn-next:hover{
        background:#10177b;
        transform:translateY(-1px);
      }
      .btn-prev{
        background:#eef0f7;
        color:#344054;
      }
      .btn-prev:hover{
        background:#e2e6f1;
      }
      @media(max-width:768px){
        .wizard-progress-line{
          left:10%;
          right:10%;
          top:25px;
        }
        .wizard-step span{
          width:32px;
          height:32px;
          font-size:12px;
        }
        .wizard-step small{
          font-size:10px;
        }
        .wizard-actions{
          flex-direction:column;
          align-items:stretch;
        }
        .consent-check{
          width:100%;
        }
        .btn-next,
        .btn-prev,
        .btn-submit{
          width:100%;
          justify-content:center;
          margin-left:0;
        }
      }

    
      /* Konfirmasi pengiriman */
      .confirmation-modal{
        border:0;
        border-radius:18px;
        box-shadow:0 20px 60px rgba(16,24,40,.18);
      }
      .confirmation-icon{
        width:68px;
        height:68px;
        margin:0 auto;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#eef0ff;
        color:#1822a8;
        font-size:34px;
      }
      .confirmation-modal h4{
        font-size:22px;
        font-weight:700;
        color:#17213a;
      }
      .confirmation-text{
        color:#667085;
        line-height:1.6;
      }
      .confirmation-actions{
        display:flex;
        justify-content:center;
        gap:12px;
      }
      .btn-cancel-submit,
      .btn-confirm-submit{
        border:0;
        border-radius:10px;
        padding:12px 18px;
        font-weight:700;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:8px;
      }
      .btn-cancel-submit{
        background:#eef0f7;
        color:#344054;
      }
      .btn-cancel-submit:hover{
        background:#e1e5ee;
      }
      .btn-confirm-submit{
        background:#1720a5;
        color:#fff;
      }
      .btn-confirm-submit:hover{
        background:#10177b;
      }
      @media(max-width:576px){
        .confirmation-actions{
          flex-direction:column-reverse;
        }
        .btn-cancel-submit,
        .btn-confirm-submit{
          width:100%;
        }
      }

/* =========================================================
   Riset Akselerasi - Halaman Terima Kasih
   ========================================================= */
.thank-you-section{
      min-height:78vh;
      display:flex;
      align-items:center;
      padding:150px 0 70px;
      background:#f8f9fc;
    }

    @media(max-width:991px){
      .thank-you-section{
        padding-top:130px;
      }
    }
    .thank-you-card{
      max-width:760px;
      margin:0 auto;
      padding:46px 36px;
      text-align:center;
      background:#fff;
      border:1px solid #e7e9f2;
      border-radius:20px;
      box-shadow:0 18px 50px rgba(16,24,40,.08);
    }
    .thank-you-icon{
      width:86px;
      height:86px;
      margin:0 auto 22px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:50%;
      background:#eef8f0;
      color:#198754;
      font-size:44px;
    }
    .thank-you-card h1{
      margin-bottom:14px;
      color:#17213a;
      font-size:32px;
      font-weight:800;
    }
    .thank-you-card p{
      max-width:620px;
      margin:0 auto 12px;
      color:#667085;
      font-size:16px;
      line-height:1.7;
    }
    .thank-you-note{
      margin-top:24px;
      padding:15px 18px;
      border-radius:12px;
      background:#f4f5ff;
      color:#344054;
    }