/*
 * SI Mock Interview 2026 - consolidated page stylesheet
 * Extracted from index.php so the PHP/HTML remains easier to maintain.
 * Existing rules are preserved in their original order.
 */
/* FAQ FULL WIDTH FIX */
.si-faq-layout{
    display: block !important;
    width: 100% !important;
}

.si-faq-right{
    width: 100% !important;
    max-width: 100% !important;
}

.si-faq-right .accordion{
    width: 100% !important;
    max-width: 100% !important;
}

.si-faq-right .accordion-item{
    width: 100% !important;
    max-width: 100% !important;
}
.si-landing-wrap {
              background: #fff;
              border: 1px solid #e1e7ef;
              border-radius: 24px;
              overflow: hidden;
              box-shadow: 0 20px 60px rgba(8, 35, 70, .14)
            }

            .si-two-column {
              display: grid;
              grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
              align-items: stretch
            }

            .si-banner-col,
            .si-auth-col {
              min-width: 0
            }

            .si-banner-panel {
              background: #111111;
              min-height: 510px;
              display: flex;
              align-items: center;
              justify-content: center;
              overflow: hidden
            }

            .si-banner-img {
              width: 100%;
              height: 100%;
              min-height: 510px;
              object-fit: contain;
              object-position: center;
              background: #111111
            }
/* ==================================================
   SI EXPERT MENTORS - PASSPORT PHOTO RESPONSIVE CARD
================================================== */

.si-faculty-section{
    background:#fff;
}

.si-faculty-section .si-section-head{
    max-width:700px;
    margin:0 auto;
}

.si-panel-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:8px 17px;

    background:#fff4cf;
    border:1px solid #ead28a;
    border-radius:50px;

    color:#8a6500;

    font-size:11px;
    line-height:1;
    font-weight:800;
    letter-spacing:1.4px;
}

.si-faculty-section .si-section-head h2{
    margin:0;
    color:#111;
    font-size:38px;
    line-height:1.15;
    font-weight:800;
}

.si-faculty-section .si-section-head p{
    color:#555;
    font-size:14px;
    line-height:1.6;
}


/* ======================
   CARD
====================== */

.si-mentor-card{
    position:relative;
    overflow:hidden;

    background:#fff;
    border:1px solid #eadba9;
    border-radius:20px;

    box-shadow:
        0 5px 15px rgba(0,0,0,.035),
        0 18px 45px rgba(0,0,0,.055);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.si-mentor-card:hover{
    transform:translateY(-4px);
    border-color:#d4aa25;

    box-shadow:
        0 8px 20px rgba(0,0,0,.05),
        0 22px 50px rgba(0,0,0,.08);
}


/* ======================
   TOP AREA
====================== */

.si-mentor-top{
    display:flex;
    align-items:center;
    gap:22px;

    padding:24px;

    background:
        linear-gradient(
            135deg,
            #fffdf7 0%,
            #fff8dc 100%
        );

    border-bottom:1px solid #eee1b7;
}


/* ======================
   PASSPORT PHOTO
====================== */

.si-mentor-photo{
    flex: 0 0 128px;
    width: 128px;
    height: 158px;
    padding: 6px;

    background: #fff;
    border: 1px solid #dfc66d;
    border-radius: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.si-mentor-photo img{
    display: block;
    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    border-radius: 10px !important;
}


/* ======================
   NAME / DESIGNATION
====================== */

.si-mentor-main{
    flex:1;
    min-width:0;
}

.si-mentor-badge{
    display:inline-flex;

    margin-bottom:11px;
    padding:6px 11px;

    background:#d6aa27;
    border-radius:6px;

    color:#111;

    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:1px;
}

.si-mentor-main h3{
    margin:0 0 7px;

    color:#111;

    font-size:23px;
    line-height:1.2;
    font-weight:850;
}

.si-mentor-main h4{
    margin:0;

    color:#8a6500;

    font-size:13px;
    line-height:1.4;
    font-weight:700;
}


/* ======================
   DESCRIPTION
====================== */

.si-mentor-body{
    padding:20px 24px 23px;
}

.si-mentor-body p{
    margin:0 0 16px;

    color:#444;

    font-size:13px;
    line-height:1.65;
}


/* ======================
   SKILLS
====================== */

.si-mentor-skills{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.si-mentor-skills span{
    display:inline-flex;

    padding:6px 10px;

    background:#fff8df;
    border:1px solid #ebd996;
    border-radius:50px;

    color:#5e4a0c;

    font-size:10px;
    line-height:1;
    font-weight:700;
}


/* ======================
   TABLET
====================== */

@media(max-width:991.98px){

    .si-mentor-top{
        gap:16px;
        padding:20px;
    }

    .si-mentor-photo{
        flex-basis:110px;
        width:110px;
        height:140px;
    }

    .si-mentor-main h3{
        font-size:20px;
    }

    .si-mentor-body{
        padding:18px 20px 21px;
    }
}


/* ======================
   MOBILE
====================== */

@media(max-width:767.98px){

    .si-faculty-section{
        padding-top:42px !important;
        padding-bottom:42px !important;
    }

    .si-faculty-section .si-section-head h2{
        font-size:27px;
    }

    .si-faculty-section .si-section-head p{
        font-size:13px;
    }

    .si-mentor-card{
        border-radius:17px;
    }

    .si-mentor-top{
        align-items:center;
        gap:15px;

        padding:17px;
    }

    .si-mentor-photo{
        flex:0 0 100px;

        width:100px;
        height:128px;

        padding:4px;
        border-radius:12px;
    }

    .si-mentor-photo img{
        border-radius:8px !important;
    }

    .si-mentor-badge{
        margin-bottom:8px;
        padding:5px 8px;

        font-size:8px;
    }

    .si-mentor-main h3{
        margin-bottom:5px;
        font-size:18px;
    }

    .si-mentor-main h4{
        font-size:11px;
    }

    .si-mentor-body{
        padding:15px 17px 18px;
    }

    .si-mentor-body p{
        margin-bottom:13px;
        font-size:12px;
    }

    .si-mentor-skills span{
        padding:5px 8px;
        font-size:9px;
    }
}


/* ======================
   SMALL MOBILE
====================== */

@media(max-width:380px){

    .si-mentor-top{
        gap:12px;
        padding:14px;
    }

    .si-mentor-photo{
        flex-basis:88px;
        width:88px;
        height:112px;
    }

    .si-mentor-main h3{
        font-size:16px;
    }
}
/* ======================================================
   SI MOCK INTERVIEW SCHEDULE
   WHITE + MUSTARD THEME
====================================================== */

.si-schedule-section{
    position:relative;
    padding:58px 0 62px;
    background:#fff;
}


/* ==========================
   SECTION HEADING
========================== */

.si-schedule-head{
    max-width:760px;
    margin:0 auto 32px;
}

.si-schedule-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:7px 15px;
    margin-bottom:12px;

    background:#fff4ce;
    border:1px solid #ead487;
    border-radius:50px;

    color:#856000;

    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:1.3px;
}

.si-schedule-head h2{
    margin:0 0 10px;

    color:#111;

    font-size:34px;
    line-height:1.2;
    font-weight:900;
}

.si-schedule-head p{
    max-width:650px;
    margin:0 auto;

    color:#5c5c5c;

    font-size:14px;
    line-height:1.65;
}


/* ==========================
   SCHEDULE CARD
========================== */

.si-schedule-card{
    overflow:hidden;

    background:#fff;

    border:1px solid #e7d59a;
    border-radius:18px;

    box-shadow:
        0 5px 15px rgba(0,0,0,.025),
        0 15px 35px rgba(0,0,0,.05);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.si-schedule-card:hover{
    transform:translateY(-3px);

    border-color:#d3a91f;

    box-shadow:
        0 8px 20px rgba(0,0,0,.04),
        0 20px 42px rgba(0,0,0,.07);
}


/* ==========================
   CITY HEADER
========================== */

.si-city-head{
    position:relative;

    display:flex;
    align-items:center;

    gap:13px;

    padding:18px 20px;

    background:linear-gradient(
        135deg,
        #fff8dc 0%,
        #fffdf6 100%
    );

    border-bottom:1px solid #ecdda9;
}

.si-city-icon{
    width:43px;
    height:43px;

    flex:0 0 43px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#d8aa1d;
    border-radius:11px;

    color:#111;

    font-size:19px;
}

.si-city-head > div:nth-child(2){
    min-width:0;
    flex:1;
}

.si-city-head span{
    display:block;

    margin-bottom:2px;

    color:#80600b;

    font-size:9px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:1px;
}

.si-city-head h3{
    margin:0;

    color:#111;

    font-size:22px;
    line-height:1.15;
    font-weight:900;
}

.si-city-tag{
    flex:0 0 auto;

    padding:6px 10px;

    background:#fff;
    border:1px solid #e5ce7b;
    border-radius:50px;

    color:#6b510b;

    font-size:9px;
    font-weight:900;
    letter-spacing:.7px;
}


/* ==========================
   DATE + TIME
========================== */

.si-schedule-details{
    display:grid;
    grid-template-columns:1fr 1fr;

    gap:10px;

    padding:17px 20px 10px;
}

.si-schedule-item{
    display:flex;
    align-items:center;

    gap:10px;

    min-width:0;

    padding:12px;

    background:#fffdf7;
    border:1px solid #eee5c7;
    border-radius:12px;
}

.si-detail-icon{
    width:35px;
    height:35px;

    flex:0 0 35px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#fff1bd;
    border-radius:9px;

    color:#7b5900;

    font-size:15px;
}

.si-schedule-item > div:last-child{
    min-width:0;
}

.si-schedule-item span{
    display:block;

    margin-bottom:3px;

    color:#777;

    font-size:9px;
    line-height:1.2;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.35px;
}

.si-schedule-item strong{
    display:block;

    color:#111;

    font-size:13px;
    line-height:1.35;
    font-weight:800;
}


/* ==========================
   ADDRESS
========================== */

.si-address-box{
    margin:0 20px 20px;
    padding:15px;

    background:#fafafa;

    border:1px solid #ededed;
    border-radius:13px;
}

.si-address-title{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#111;

    font-size:11px;
    font-weight:800;
}

.si-address-title i{
    color:#b08200;
}

.si-address-box p{
    min-height:48px;

    margin:0 0 13px;

    color:#4d4d4d;

    font-size:12px;
    line-height:1.55;
}


/* ==========================
   MAP BUTTON
========================== */

.si-map-btn{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:7px;

    padding:10px 13px;

    background:#d7a719;
    border:1px solid #c9990e;
    border-radius:9px;

    color:#111 !important;
    text-decoration:none !important;

    font-size:11px;
    font-weight:800;

    transition:.2s ease;
}

.si-map-btn:hover{
    background:#c99a0d;

    color:#111 !important;

    transform:translateY(-1px);
}

.si-map-btn .bi-arrow-up-right{
    font-size:10px;
}


/* ==========================
   BOTTOM INFORMATION
========================== */

.si-schedule-note{
    max-width:850px;

    display:flex;
    align-items:center;

    gap:12px;

    margin:20px auto 0;
    padding:13px 16px;

    background:#fff9e6;
    border:1px solid #eadca8;
    border-radius:12px;
}

.si-note-icon{
    width:34px;
    height:34px;

    flex:0 0 34px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#d7aa20;
    border-radius:50%;

    color:#111;

    font-size:14px;
    font-weight:900;
}

.si-schedule-note strong{
    display:block;

    margin-bottom:2px;

    color:#111;

    font-size:11px;
    font-weight:800;
}

.si-schedule-note p{
    margin:0;

    color:#555;

    font-size:11px;
    line-height:1.5;
}


/* ======================================================
   MOBILE
====================================================== */

@media(max-width:767.98px){

    .si-schedule-section{
        padding:38px 0 42px;
    }

    .si-schedule-head{
        margin-bottom:23px;
    }

    .si-schedule-label{
        padding:6px 12px;
        font-size:9px;
    }

    .si-schedule-head h2{
        font-size:26px;
    }

    .si-schedule-head p{
        font-size:12px;
        line-height:1.55;
    }


    /* Card */

    .si-schedule-card{
        border-radius:15px;
    }

    .si-city-head{
        padding:14px 15px;
    }

    .si-city-icon{
        width:38px;
        height:38px;

        flex-basis:38px;

        font-size:16px;
    }

    .si-city-head h3{
        font-size:19px;
    }


    /* Date + Time remain side-by-side */

    .si-schedule-details{
        grid-template-columns:1fr 1fr;

        gap:7px;

        padding:13px 14px 8px;
    }

    .si-schedule-item{
        gap:7px;
        padding:9px 8px;
    }

    .si-detail-icon{
        width:29px;
        height:29px;

        flex-basis:29px;

        font-size:12px;
    }

    .si-schedule-item span{
        font-size:7px;
    }

    .si-schedule-item strong{
        font-size:10px;
    }


    /* Address */

    .si-address-box{
        margin:0 14px 14px;
        padding:12px;
    }

    .si-address-box p{
        min-height:0;

        font-size:11px;
        line-height:1.5;
    }

    .si-map-btn{
        padding:9px 10px;

        font-size:10px;
    }


    /* Bottom Note */

    .si-schedule-note{
        align-items:flex-start;

        margin-top:15px;
        padding:11px 12px;
    }

    .si-note-icon{
        width:30px;
        height:30px;

        flex-basis:30px;
    }

}


/* ======================================================
   VERY SMALL MOBILE
====================================================== */

@media(max-width:390px){

    .si-city-tag{
        display:none;
    }

    .si-schedule-details{
        grid-template-columns:1fr;
    }

    .si-schedule-item strong{
        font-size:11px;
    }
}
            .si-auth-panel {
              padding: 48px 38px;
              background: linear-gradient(180deg, #fff 0%, #f7faff 100%);
              display: flex;
              flex-direction: column;
              justify-content: center
            }

            .si-badge {
              display: inline-block;
              align-self: flex-start;
              background: #eaf1fa;
              color: #111111;
              border: 1px solid #d5e2f1;
              border-radius: 50px;
              padding: 7px 14px;
              font-size: 12px;
              font-weight: 800;
              letter-spacing: .7px
            }

            .si-auth-panel h2 {
              color: #111111;
              font-weight: 800;
              margin: 14px 0 5px;
              font-size: 32px
            }

            .si-auth-subtitle {
              color: #687589;
              margin: 0;
              line-height: 1.6
            }

            .si-input-group .input-group-text {
              background: #eef3f8;
              border-color: #d7dee7;
              color: #111111;
              font-weight: 700
            }

            .si-input-group .form-control,
            .si-otp-input {
              border-color: #d7dee7 !important;
              box-shadow: none !important;
              margin-bottom: 0 !important
            }

            .si-input-group .form-control:focus,
            .si-otp-input:focus {
              border-color: #111111 !important
            }

            .si-primary-btn {
              background: #111111 !important;
              border-color: #111111 !important;
              color: #fff !important;
              border-radius: 10px;
              padding: 12px 18px;
              font-weight: 800;
              letter-spacing: .2px
            }

            .si-primary-btn:hover {
              background: #111111 !important;
              border-color: #111111 !important
            }

            .si-otp-input {
              text-align: center;
              letter-spacing: 7px;
              font-weight: 800;
              font-size: 20px
            }

            .si-mobile-confirm {
              display: flex;
              align-items: center;
              justify-content: space-between;
              gap: 15px;
              padding: 14px 15px;
              border-radius: 12px;
              background: #fff;
              border: 1px solid #dce4ec
            }

            .si-mobile-confirm small,
            .si-mobile-confirm strong {
              display: block
            }

            .si-mobile-confirm strong {
              color: #111111;
              font-size: 17px
            }

            .si-info-note {
              background: #fff8e1;
              border: 1px solid #f0dda0;
              border-radius: 12px;
              padding: 13px 15px;
              color: #66551b;
              font-size: 13px;
              line-height: 1.6
            }

            .si-form-shell {
              background: #fff;
              border: 1px solid #e1e7ef;
              border-radius: 22px;
              padding: 28px;
              box-shadow: 0 18px 50px rgba(8, 35, 70, .10)
            }

            @media(max-width:767.98px) {
              .si-two-column {
                grid-template-columns: 1fr
              }

              .si-banner-panel,
              .si-banner-img {
                min-height: auto
              }

              .si-banner-img {
                height: auto;
                object-fit: contain
              }

              .si-auth-panel {
                padding: 30px 24px
              }
            }

            @media(max-width:575.98px) {
              .si-landing-wrap {
                border-radius: 16px
              }

              .si-auth-panel {
                padding: 25px 18px
              }

              .si-auth-panel h2 {
                font-size: 26px
              }

              .si-form-shell {
                padding: 18px 14px;
                border-radius: 16px
              }
            }

            #siThemeToggle,
            #siStudentTheme,
            #siAdminTheme,
            .si-theme-toggle {
              display: none !important;
            }

.error-message {
              color: red;
              font-size: 14px;
              display: block;
              margin-top: 5px;
            }

            .form-control {
              margin-bottom: 15px;
            }

.si-faculty-section {
    padding: 64px 0;
    background: #f7f9fc
  }

  .si-faculty-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-top: 28px
  }

  .si-faculty-card {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 22px;
    align-items: center;
    background: #fff;
    border: 1px solid #e4e9f0;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 10px 28px rgba(20, 39, 66, .06)
  }

  .si-faculty-card img {
    width: 180px;
    height: 210px;
    object-fit: cover;
    border-radius: 13px;
    background: #eef2f7
  }

  .si-faculty-card span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.4px;
    color: #52657b
  }

  .si-faculty-card h3 {
    font-size: 23px;
    margin: 6px 0 2px;
    color: #172033
  }

  .si-faculty-card h4 {
    font-size: 14px;
    color: #68778a;
    margin: 0 0 10px
  }

  .si-faculty-card p {
    margin: 0;
    color: #566274;
    line-height: 1.7
  }

  @media(max-width:767px) {
    .si-faculty-section {
      padding: 42px 0
    }

    .si-faculty-grid {
      grid-template-columns: 1fr
    }

    .si-faculty-card {
      grid-template-columns: 105px 1fr;
      gap: 14px
    }

    .si-faculty-card img {
      width: 105px;
      height: 135px
    }

    .si-faculty-card h3 {
      font-size: 18px
    }
  }

/* Initially hidden */
  .step-container {
    display: none;
  }

/* ===== FINAL SI OTP / FORM UI OVERRIDES ===== */
  .si-auth-panel {
    padding: 42px 38px !important;
  }

  .si-auth-panel h2 {
    margin-bottom: 8px !important;
  }

  .si-auth-panel .form-label {
    color: #10243e;
    font-size: 15px;
    margin-bottom: 8px;
  }

  .si-otp-input {
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #10243e !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 58px !important;
    text-align: center !important;
    letter-spacing: 8px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
    outline: none !important;
  }

  .si-otp-input::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
  }

  .si-otp-input:focus {
    border-color: #111111 !important;
    box-shadow: 0 0 0 3px rgba(11, 45, 85, .10) !important;
  }

  .si-primary-btn {
    min-height: 56px;
    border-radius: 12px !important;
    font-size: 16px;
    box-shadow: 0 8px 18px rgba(11, 45, 85, .14);
  }

  .si-mobile-confirm {
    border-radius: 12px !important;
    background: #f8fafc !important;
  }

  @media (max-width:767.98px) {

    html,
    body {
      overflow-x: hidden;
    }

    .si-auth-panel {
      padding: 26px 18px 32px !important;
    }

    .si-auth-panel h2 {
      font-size: 25px !important;
    }

    .si-otp-input {
      height: 54px !important;
      min-height: 54px !important;
      line-height: 54px !important;
      font-size: 19px !important;
      /* >=16 prevents iOS focus zoom */
      letter-spacing: 6px !important;
    }

    input.form-control,
    select.form-control,
    textarea.form-control {
      font-size: 16px !important;
    }

    input,
    textarea,
    select {
      scroll-margin-top: 80px;
      scroll-margin-bottom: 42vh;
    }
  }

/* ===== RESPONSIVE 4-BOX OTP ===== */
  .si-otp-boxes {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin: 2px 0 0;
  }

  .si-otp-box {
    flex: 0 1 64px;
    width: 64px;
    height: 62px;
    min-width: 0;
    border: 1.5px solid #cbd5e1;
    border-radius: 12px;
    background: #fff;
    color: #111111;
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    outline: none;
    box-shadow: 0 2px 7px rgba(15, 23, 42, .05);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  }

  .si-otp-box:focus {
    border-color: #111111;
    box-shadow: 0 0 0 3px rgba(11, 45, 85, .10);
    transform: translateY(-1px);
  }

  @media(max-width:575.98px) {
    .si-otp-boxes {
      gap: 9px;
    }

    .si-otp-box {
      flex: 1 1 0;
      width: auto;
      max-width: 60px;
      height: 56px;
      font-size: 22px;
      border-radius: 10px;
    }
  }

  @media(max-width:360px) {
    .si-otp-boxes {
      gap: 7px;
    }

    .si-otp-box {
      height: 52px;
      font-size: 20px;
    }
  }

/* ===== FINAL REGISTRATION FORM DESIGN ===== */
  body.si-form-mode {
    background: #f7f7f5 !important;
  }

  body.si-form-mode header,
  body.si-form-mode footer,
  body.si-form-mode .footer-area,
  body.si-form-mode .footer-bottom,
  body.si-form-mode .navbar-area,
  body.si-form-mode .main-nav,
  body.si-form-mode .sidebar {
    display: none !important;
  }

  body.si-form-mode .home-banner {
    min-height: 100vh;
    padding: 28px 0 !important;
  }

  body.si-form-mode .home-banner>.container {
    max-width: 1180px !important;
  }

  body.si-form-mode .si-form-shell {
    border: 0 !important;
    border-radius: 20px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.si-form-mode .submitForm {
    position: relative;
    background: #fff;
    border: 1px solid #e4eaf1;
    border-radius: 20px;
    padding: 34px 34px 30px;
    box-shadow: 0 14px 40px rgba(15, 35, 60, .08);
  }

  body.si-form-mode .submitForm>div:first-child {
    position: absolute;
    top: 22px;
    right: 24px;
    margin: 0 !important;
    z-index: 2;
  }

  body.si-form-mode .submitForm>div:first-child .btn-danger {
    background: #fff !important;
    color: #d62f42 !important;
    border: 1px solid #efc7cd !important;
    border-radius: 9px;
    padding: 8px 15px;
    font-weight: 700;
    box-shadow: none;
  }

  body.si-form-mode .submitForm h3 {
    color: #111111;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: .2px;
    margin: 8px 100px 30px !important;
  }

  body.si-form-mode #registrationForm .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 4px;
  }

  body.si-form-mode #registrationForm .form-group {
    margin-bottom: 18px;
  }

  body.si-form-mode #registrationForm label {
    display: inline-block;
    color: #24364b;
    font-size: 14px;
    font-weight: 650;
    margin-bottom: 7px;
  }

  body.si-form-mode #registrationForm .form-control,
  body.si-form-mode #registrationForm select.form-control,
  body.si-form-mode #registrationForm textarea.form-control {
    width: 100% !important;
    min-height: 48px;
    margin: 0 !important;
    padding: 11px 14px !important;
    border: 1px solid #d7e0ea !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #16283d;
    font-size: 15px;
    box-shadow: none !important;
  }

  body.si-form-mode #registrationForm .form-control:focus,
  body.si-form-mode #registrationForm select.form-control:focus,
  body.si-form-mode #registrationForm textarea.form-control:focus {
    border-color: #111111 !important;
    box-shadow: 0 0 0 3px rgba(11, 45, 85, .08) !important;
  }

  body.si-form-mode #registrationForm textarea.form-control {
    min-height: 95px;
    resize: vertical;
  }

  body.si-form-mode #registrationForm input[type=radio],
  body.si-form-mode #registrationForm input[type=checkbox] {
    width: 17px;
    height: 17px;
    accent-color: #111111;
    vertical-align: -3px;
    margin-right: 5px;
  }

  body.si-form-mode #registrationForm .nice-select {
    width: 100% !important;
    height: 48px !important;
    line-height: 46px !important;
    border: 1px solid #d7e0ea !important;
    border-radius: 10px !important;
    background: #fff !important;
    padding-left: 14px !important;
    margin: 0 !important;
  }

  body.si-form-mode #registrationForm .nice-select .list {
    width: 100%;
    max-height: 260px;
    overflow-y: auto;
  }

  body.si-form-mode #registrationForm small.text-danger {
    font-size: 12px;
    line-height: 1.45;
    margin-top: 7px !important;
  }

  body.si-form-mode #registrationForm .default-btn-two {
    min-width: 150px;
    min-height: 48px;
    border: 0;
    border-radius: 10px;
    background: #111111 !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 800;
    padding: 12px 24px;
    box-shadow: 0 8px 18px rgba(11, 45, 85, .16);
  }

  body.si-form-mode #registrationForm .default-btn-two:hover {
    background: #111111 !important;
  }

  body.si-form-mode #registrationForm .error-message {
    margin-top: 5px;
    font-size: 12px;
  }

  /* Fix the old hidden select rule so the enhanced date control aligns correctly */
  body.si-form-mode select#shift_date {
    display: block !important;
  }

  @media (max-width:991.98px) {
    body.si-form-mode .home-banner {
      padding: 18px 0 !important;
    }

    body.si-form-mode .submitForm {
      padding: 28px 22px 24px;
    }

    body.si-form-mode .submitForm h3 {
      font-size: 22px;
      margin: 8px 90px 26px 0 !important;
      text-align: left !important;
    }
  }

  @media (max-width:575.98px) {
    body.si-form-mode .home-banner {
      padding: 10px 0 !important;
    }

    body.si-form-mode .home-banner>.container {
      padding-left: 10px;
      padding-right: 10px;
    }

    body.si-form-mode .submitForm {
      border-radius: 14px;
      padding: 22px 14px 18px;
    }

    body.si-form-mode .submitForm>div:first-child {
      top: 14px;
      right: 14px;
    }

    body.si-form-mode .submitForm>div:first-child .btn-danger {
      padding: 6px 10px;
      font-size: 12px;
    }

    body.si-form-mode .submitForm h3 {
      font-size: 19px;
      line-height: 1.35;
      margin: 4px 76px 24px 0 !important;
    }

    body.si-form-mode #registrationForm .row {
      --bs-gutter-x: 14px;
    }

    body.si-form-mode #registrationForm .form-group {
      margin-bottom: 14px;
    }

    body.si-form-mode #registrationForm .form-control,
    body.si-form-mode #registrationForm select.form-control,
    body.si-form-mode #registrationForm textarea.form-control,
    body.si-form-mode #registrationForm .nice-select {
      font-size: 16px !important;
    }

    body.si-form-mode #registrationForm .default-btn-two {
      width: 100%;
    }
  }

.si-name-edit-wrap {
    position: relative
  }

  .si-name-edit-wrap .form-control {
    padding-right: 72px !important
  }

  .si-edit-name-btn {
    position: absolute;
    right: 7px;
    top: 7px;
    height: 34px;
    border: 0;
    border-radius: 7px;
    padding: 0 12px;
    background: #eaf1f8;
    color: #111111;
    font-size: 12px;
    font-weight: 800
  }

  body.si-form-mode .submitForm:before {
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, #111111, #2a2a2a, #111111)
  }

  body.si-form-mode #registrationForm .form-group {
    background: #fbfcfe;
    border: 1px solid #edf1f5;
    border-radius: 13px;
    padding: 13px
  }

  body.si-form-mode #registrationForm .form-group:focus-within {
    background: #fff;
    border-color: #d4e0ed;
    box-shadow: 0 5px 16px rgba(15, 35, 60, .05)
  }

/* ===== STANDARD COMPACT SI FORM ===== */
  body.si-form-mode .home-banner {
    padding: 16px 0 !important;
    min-height: 100vh;
  }

  body.si-form-mode .home-banner>.container {
    max-width: 1120px !important;
  }

  body.si-form-mode .submitForm {
    padding: 24px 26px 22px !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 26px rgba(15, 35, 60, .07) !important;
  }

  body.si-form-mode .submitForm:before {
    height: 4px !important;
  }

  body.si-form-mode .submitForm h3 {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin: 2px 90px 22px !important;
  }

  body.si-form-mode .submitForm h3:after {
    margin-top: 4px !important;
    font-size: 12px !important;
  }

  body.si-form-mode #registrationForm .row {
    --bs-gutter-x: 18px !important;
    --bs-gutter-y: 0 !important;
  }

  body.si-form-mode #registrationForm .form-group {
    margin-bottom: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.si-form-mode #registrationForm .form-group:focus-within {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.si-form-mode #registrationForm label {
    margin-bottom: 5px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #24364b !important;
  }

  body.si-form-mode #registrationForm .form-control,
  body.si-form-mode #registrationForm select.form-control,
  body.si-form-mode #registrationForm textarea.form-control,
  body.si-form-mode #registrationForm .nice-select {
    min-height: 44px !important;
    height: 44px !important;
    padding: 9px 12px !important;
    border-radius: 8px !important;
    border: 1px solid #d8e0e8 !important;
    background: #fff !important;
    font-size: 14px !important;
  }

  body.si-form-mode #registrationForm textarea.form-control {
    min-height: 78px !important;
    height: 78px !important;
  }

  body.si-form-mode #registrationForm .nice-select {
    line-height: 24px !important;
  }

  body.si-form-mode #registrationForm small.text-danger {
    margin-top: 4px !important;
    font-size: 11px !important;
  }

  body.si-form-mode .si-name-edit-wrap .form-control {
    padding-right: 64px !important;
  }

  body.si-form-mode .si-edit-name-btn {
    top: 5px !important;
    right: 5px !important;
    height: 34px !important;
  }

  body.si-form-mode .si-fee-options {
    gap: 8px !important;
  }

  body.si-form-mode .si-fee-card {
    padding: 8px 10px !important;
    border-radius: 8px !important;
  }

  body.si-form-mode .si-fee-card strong {
    font-size: 15px !important;
  }

  body.si-form-mode .si-fee-card small {
    font-size: 10px !important;
  }

  body.si-form-mode #registrationForm .default-btn-two {
    min-height: 44px !important;
    min-width: 130px !important;
    padding: 9px 20px !important;
    border-radius: 8px !important;
  }

  body.si-form-mode .submitForm>div:first-child {
    top: 16px !important;
    right: 18px !important;
  }

  @media(max-width:767.98px) {
    body.si-form-mode .home-banner {
      padding: 8px 0 !important;
    }

    body.si-form-mode .submitForm {
      padding: 18px 14px 16px !important;
      border-radius: 12px !important;
    }

    body.si-form-mode .submitForm h3 {
      font-size: 18px !important;
      margin: 2px 70px 18px 0 !important;
      text-align: left !important;
    }

    body.si-form-mode #registrationForm .row {
      --bs-gutter-x: 12px !important;
    }

    body.si-form-mode #registrationForm .form-group {
      margin-bottom: 11px !important;
    }

    body.si-form-mode #registrationForm .form-control,
    body.si-form-mode #registrationForm select.form-control,
    body.si-form-mode #registrationForm textarea.form-control,
    body.si-form-mode #registrationForm .nice-select {
      font-size: 16px !important;
    }

    body.si-form-mode .si-fee-options {
      grid-template-columns: 1fr 1fr !important;
    }
  }

  @media(max-width:390px) {
    body.si-form-mode .si-fee-options {
      grid-template-columns: 1fr !important;
    }
  }

/* ===== NAVY PREMIUM BACKGROUND ===== */
  body.si-form-mode {
    background:
      radial-gradient(circle at 12% 18%, rgba(52, 105, 158, .30) 0, rgba(52, 105, 158, 0) 28%),
      radial-gradient(circle at 88% 82%, rgba(25, 73, 122, .34) 0, rgba(25, 73, 122, 0) 30%),
      linear-gradient(135deg, #0b0b0b 0%, #111111 52%, #111111 100%) !important;
  }

  body.si-form-mode .home-banner {
    position: relative;
    overflow: hidden;
  }

  body.si-form-mode .home-banner:before,
  body.si-form-mode .home-banner:after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .055);
    border-radius: 50%;
    pointer-events: none;
  }

  body.si-form-mode .home-banner:before {
    width: 460px;
    height: 460px;
    left: -190px;
    top: -180px;
  }

  body.si-form-mode .home-banner:after {
    width: 600px;
    height: 600px;
    right: -260px;
    bottom: -310px;
  }

  body.si-form-mode .submitForm {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, .985) !important;
    border: 1px solid rgba(255, 255, 255, .35) !important;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .24) !important;
  }

  @media(max-width:767.98px) {
    body.si-form-mode {
      background: linear-gradient(160deg, #0b0b0b 0%, #111111 58%, #111111 100%) !important;
    }

    body.si-form-mode .home-banner:before {
      width: 260px;
      height: 260px;
      left: -130px;
      top: -90px;
    }

    body.si-form-mode .home-banner:after {
      width: 320px;
      height: 320px;
      right: -170px;
      bottom: -160px;
    }
  }

.si-auto-fee-box {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 11px;
    border: 1px solid #d8e0e8;
    border-radius: 8px;
    background: #f8fafc;
  }

  .si-auto-fee-box>div {
    display: flex;
    align-items: center;
    gap: 9px;
  }

  .si-auto-fee-amount {
    font-size: 17px;
    color: #111111;
  }

  .si-auto-fee-box small {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
  }

  .si-auto-badge {
    padding: 4px 7px;
    border-radius: 5px;
    background: #e8f0f8;
    color: #111111;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .3px;
  }


  .si-mode-picker {
    margin: 4px 0 22px;
    padding: 18px;
    border: 1px solid #dfe5ec;
    border-radius: 16px;
    background: #f8fafc
  }

  .si-mode-title {
    display: block;
    font-weight: 700;
    margin-bottom: 12px;
    color: #172033
  }

  .si-mode-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
  }

  .si-mode-card {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 14px;
    border: 1px solid #d8dee8;
    border-radius: 12px;
    background: #fff;
    cursor: pointer
  }

  .si-mode-card input {
    margin-top: 4px;
    accent-color: #173b67
  }

  .si-mode-card span {
    display: flex;
    flex-direction: column;
    gap: 3px
  }

  .si-mode-card small {
    color: #6b7280
  }

  @media(max-width:767px) {
    .si-mode-options {
      grid-template-columns: 1fr
    }
  }

  .si-payment-card {
    max-width: 900px;
    margin: 18px auto;
    background: #fff;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 12px 35px rgba(5, 26, 49, .14)
  }

  .si-pay-head {
    text-align: center;
    margin-bottom: 18px
  }

  .si-pay-head h4 {
    color: #111111;
    font-weight: 800;
    margin-bottom: 6px
  }

  .si-pay-head p {
    margin: 0;
    color: #526273
  }

  .si-pay-summary {
    border-radius: 12px;
    overflow: hidden
  }

  .si-pay-summary th {
    background: #eef4f9;
    color: #111111;
    white-space: nowrap
  }

  .si-pay-actions-top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 14px 0
  }

  .si-edit-form-btn {
    background: #eaf1f7 !important;
    color: #111111 !important;
    border: 1px solid #cbd9e6 !important;
    font-weight: 700
  }

  .si-terms-box {
    margin: 18px 0 12px;
    padding: 14px 16px;
    background: #f7f9fc;
    border: 1px solid #dce5ee;
    border-radius: 12px
  }

  .si-terms-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    cursor: pointer;
    color: #26384a
  }

  .si-terms-label input {
    width: 19px;
    height: 19px;
    margin-top: 2px;
    accent-color: #111111;
    flex: 0 0 auto
  }

  .si-pay-now-wrap {
    text-align: center
  }

  #payuclick {
    min-width: 210px;
    border: 0;
    border-radius: 10px;
    padding: 12px 24px;
    background: #111111;
    color: #fff;
    font-weight: 800;
    cursor: pointer
  }

  #payuclick:disabled {
    opacity: .45;
    cursor: not-allowed
  }

  .si-pay-note {
    display: block;
    margin-top: 8px;
    color: #6d7b89
  }

  @media(max-width:767px) {
    .si-payment-card {
      padding: 15px;
      margin: 8px auto
    }

    .si-pay-summary table {
      font-size: 13px
    }

    .si-pay-summary th,
    .si-pay-summary td {
      padding: 8px
    }
  }

:root {
    --n: #111111;
    --n2: #1b1b1b;
    --w: #fff;
    --bg: #f7f7f5;
    --card: #fff;
    --tx: #122033;
    --mut: #66758a;
    --line: #dbe5ef;
    --y: #ffd400;
    --shadow: 0 18px 55px rgba(7, 27, 53, .10)
  }

  [data-si-theme=dark] {
    --bg: #0b0b0b;
    --card: #1b1b1b;
    --tx: #eef6ff;
    --mut: #a9bad0;
    --line: #25425f;
    --shadow: 0 18px 55px rgba(0, 0, 0, .28)
  }

  html {
    scroll-behavior: smooth
  }

  body {
    background: var(--bg) !important;
    color: var(--tx) !important;
    transition: .25s
  }

  .home-banner {
    background: linear-gradient(180deg, var(--n) 0 33%, var(--bg) 33%) !important;
    padding: 20px 0 38px !important
  }

  .si-landing-wrap {
    max-width: 1180px !important;
    margin: auto !important
  }

  .si-responsive-banner {
    background: #111111;
    border-radius: 24px;
    padding: 7px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .2);
    animation: up .5s ease both
  }

  .si-banner-art {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 18px;
    object-fit: contain
  }

  .si-auth-col {
    margin: 16px 0 0 !important;
    max-width: none !important;
    padding: 0 !important
  }

  .si-auth-main {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 0;
    background: var(--card) !important;
    border: 1px solid var(--line) !important;
    border-radius: 24px !important;
    overflow: hidden;
    box-shadow: var(--shadow) !important;
    padding: 0 !important;
    min-height: 0 !important
  }

  .si-auth-info {
    padding: 34px;
    background: linear-gradient(145deg, var(--n), #1b1b1b);
    color: #fff;
    position: relative;
    overflow: hidden
  }

  .si-auth-info:after {
    content: "SI";
    position: absolute;
    right: -20px;
    bottom: -60px;
    font-size: 220px;
    font-weight: 950;
    color: rgba(255, 255, 255, .035)
  }

  .si-eyebrow {
    font-size: 10px;
    letter-spacing: 1.5px;
    font-weight: 900;
    color: #ffd400
  }

  .si-auth-info h2 {
    color: #fff !important;
    font-size: 38px !important;
    line-height: 1.04 !important;
    letter-spacing: -1.4px !important;
    margin: 16px 0 10px !important;
    font-weight: 900 !important
  }

  .si-auth-info h2 span {
    color: #ffd400
  }

  .si-auth-lead {
    color: #bfd0e3;
    font-size: 14px;
    margin-bottom: 22px
  }

  .si-instruction-list {
    display: grid;
    gap: 9px;
    position: relative;
    z-index: 1
  }

  .si-instruction-list>div {
    display: flex;
    gap: 12px;
    padding: 11px 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .055);
    border-radius: 13px
  }

  .si-instruction-list span {
    color: #ffd400;
    font-size: 10px;
    font-weight: 900;
    padding-top: 3px
  }

  .si-instruction-list p {
    margin: 0;
    color: #e4edf7;
    font-size: 12.5px;
    line-height: 1.5
  }

  .si-secure-note {
    margin-top: 17px;
    color: #000000;
    font-size: 11px
  }

  .si-secure-note span {
    color: #ffd400
  }

  .si-auth-process {
    padding: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .si-process-head {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 24px
  }

  .si-process-head small {
    color: var(--mut);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.3px
  }

  .si-process-head h3 {
    color: var(--tx);
    font-size: 26px;
    font-weight: 900;
    margin: 5px 0 0
  }
/* ==================================================
   EXPERT GUIDANCE HEADING
================================================== */

.si-guidance-heading{
    display:block;
    width:100%;
    max-width:1050px;
    margin:22px auto 18px;
    padding:0 18px;
    text-align:center;
}

.si-guidance-heading > span{
    display:inline-block;
    margin:0 0 8px;
    color:#8b6500;
    font-size:10px !important;
    line-height:1.2;
    font-weight:900;
    letter-spacing:1.4px;
    text-transform:uppercase;
}

.si-guidance-heading h2{
    display:block;
    width:100%;
    max-width:950px;
    margin:0 auto !important;
    padding:0 !important;
    color:#171717 !important;
    font-size:22px !important;
    line-height:1.5 !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
}

.si-guidance-heading h2 strong{
    color:#8b6500 !important;
    font-weight:900 !important;
}

@media(max-width:991.98px){
    .si-guidance-heading h2{
        font-size:19px !important;
    }
}

@media(max-width:767.98px){
    .si-guidance-heading{
        margin:16px auto 12px;
        padding:0 12px;
    }

    .si-guidance-heading > span{
        margin-bottom:6px;
        font-size:9px !important;
    }

    .si-guidance-heading h2{
        font-size:16px !important;
        line-height:1.55 !important;
    }
}

@media(max-width:390px){
    .si-guidance-heading h2{
        font-size:15px !important;
    }
}


/* ==================================================
   WORKSHOP SESSIONS & EXPERT PANEL
================================================== */

.si-workshop-experts{
    padding:55px 0;
    background:#fffaf0;
}


/* ==================================================
   SECTION HEADING
================================================== */

.si-workshop-head{
    max-width:760px;
    margin:0 auto 30px;
}

.si-workshop-head > span{
    display:inline-block;

    margin-bottom:9px;
    padding:6px 13px;

    background:#ffe993;
    border:1px solid #e4c65e;
    border-radius:50px;

    color:#765600;

    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:1.3px;
}

.si-workshop-head h2{
    margin:0;

    color:#171717;

    font-size:32px;
    line-height:1.25;
    font-weight:800;
}

.si-workshop-head h2 strong{
    color:#a37600;
    font-weight:900;
}

.si-workshop-head p{
    margin:9px 0 0;

    color:#666;

    font-size:13px;
    line-height:1.6;
}


/* ==================================================
   SESSION CARD
================================================== */

.si-session-card{
    position:relative;

    display:flex;
    align-items:flex-start;

    gap:13px;

    height:100%;
    min-height:125px;

    padding:18px;

    background:#fff;

    border:1px solid #eadba9;
    border-radius:15px;

    box-shadow:0 7px 22px rgba(0,0,0,.04);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.si-session-card:hover{
    transform:translateY(-3px);

    border-color:#d3aa22;

    box-shadow:0 12px 28px rgba(0,0,0,.07);
}


/* ==================================================
   SESSION NUMBER
================================================== */

.si-session-no{
    flex:0 0 38px;

    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#d7aa1d;
    border-radius:10px;

    color:#111;

    font-size:11px;
    line-height:1;
    font-weight:900;
}


/* ==================================================
   SESSION CONTENT
================================================== */

.si-session-content{
    flex:1;
    min-width:0;
}


/* Topic Title */

.si-session-content h3{
    margin:0 0 10px;

    color:#1b1b1b;

    font-size:15px;
    line-height:1.5;
    font-weight:800;
}


/* Faculty / Expert Name */

.si-session-content p{
    position:relative;

    display:inline-block;

    margin:0;
    padding-top:8px;

    color:#a27400;

    font-size:15px !important;
    line-height:1.4;
    font-weight:800;
}


/* Small Mustard Line Above Faculty Name */

.si-session-content p::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:30px;
    height:2px;

    background:#d7aa1d;
}


/* ==================================================
   TABLET
================================================== */

@media(max-width:991.98px){

    .si-workshop-experts{
        padding:45px 0;
    }

    .si-workshop-head{
        margin-bottom:25px;
    }

    .si-workshop-head h2{
        font-size:27px;
    }

    .si-session-card{
        min-height:120px;
    }

    .si-session-content h3{
        font-size:14px;
    }

    .si-session-content p{
        font-size:14px !important;
    }
}


/* ==================================================
   MOBILE
================================================== */

@media(max-width:767.98px){

    .si-workshop-experts{
        padding:35px 0;
    }


    /* Heading */

    .si-workshop-head{
        margin-bottom:20px;
    }

    .si-workshop-head > span{
        margin-bottom:7px;

        padding:5px 10px;

        font-size:8px;
        letter-spacing:1px;
    }

    .si-workshop-head h2{
        font-size:22px;
        line-height:1.35;
    }

    .si-workshop-head p{
        margin-top:6px;

        font-size:11px;
        line-height:1.5;
    }


    /* Card */

    .si-session-card{
        min-height:auto;

        gap:11px;

        padding:14px;

        border-radius:12px;
    }


    /* Number */

    .si-session-no{
        flex:0 0 32px;

        width:32px;
        height:32px;

        border-radius:8px;

        font-size:9px;
    }

    /* Topic */

    .si-session-content h3{
        margin-bottom:8px;

        font-size:13px;
        line-height:1.45;
    }


    /* Faculty Name */

    .si-session-content p{
        padding-top:7px;

        font-size:13px !important;
        line-height:1.4;
        font-weight:800;
    }

    .si-session-content p::before{
        width:24px;
    }
}


/* ==================================================
   SMALL MOBILE
================================================== */

@media(max-width:390px){

    .si-workshop-experts{
        padding:30px 0;
    }

    .si-workshop-head h2{
        font-size:20px;
    }

    .si-session-card{
        gap:10px;
        padding:12px;
    }

    .si-session-no{
        flex-basis:30px;

        width:30px;
        height:30px;

        font-size:8px;
    }

    .si-session-content h3{
        font-size:12.5px;
        line-height:1.45;
    }

    .si-session-content p{
        font-size:12.5px !important;
    }
}
  .si-process-icon {
    width: 44px;
    height: 44px;
    border-radius: 13px;
    background: var(--n);
    color: #000000;
    display: grid;
    place-items: center;
    font-weight: 900
  }

  .si-input-group {
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    overflow: hidden;
    background: var(--card) !important
  }

  .si-input-group:focus-within {
    box-shadow: 0 0 0 4px rgba(13, 49, 91, .09) !important;
    border-color: #5d7e9e !important
  }

  .si-input-group .input-group-text,
  .si-input-group .form-control {
    background: var(--card) !important;
    color: var(--tx) !important;
    border: 0 !important;
    min-height: 56px !important
  }

  .si-primary-btn {
    min-height: 55px !important;
    border-radius: 14px !important;
    background: var(--n2) !important;
    border: 0 !important;
    color: #fff !important;
    font-weight: 900 !important
  }

  .si-primary-btn:hover {
    background: var(--n) !important;
    transform: translateY(-1px)
  }

  .si-mobile-confirm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(13, 49, 91, .055);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 12px 14px
  }

  .si-mobile-confirm small,
  .si-mobile-confirm strong {
    display: block
  }

  .si-mobile-confirm small {
    color: var(--mut);
    font-size: 10px
  }

  .si-mobile-confirm strong {
    color: var(--tx)
  }

  .si-process-foot {
    font-size: 10px;
    color: var(--mut);
    margin-top: 18px
  }

  .si-process-foot span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #1aa66a;
    border-radius: 50%;
    margin-right: 6px
  }

  .si-otp-boxes {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 9px !important
  }

  .si-otp-box {
    width: 100% !important;
    height: 58px !important;
    border-radius: 12px !important;
    border: 1px solid var(--line) !important;
    background: var(--card) !important;
    color: var(--tx) !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    text-align: center !important
  }

  .si-form-shell {
    max-width: 980px !important;
    margin: auto;
    background: var(--card) !important;
    color: var(--tx) !important;
    border: 1px solid var(--line) !important;
    border-radius: 22px !important;
    padding: 26px !important;
    box-shadow: var(--shadow) !important
  }

  .si-form-shell input:not([type=checkbox]):not([type=radio]),
  .si-form-shell select,
  .si-form-shell textarea {
    background: var(--card) !important;
    color: var(--tx) !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    min-height: 48px !important
  }

  .si-form-shell label {
    color: var(--tx) !important;
    font-weight: 700
  }

  .si-notice-board {
    padding: 0 0 20px;
    background: var(--bg)
  }

  .si-news-shell {
    height: 52px;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 14px;
    display: grid;
    grid-template-columns: auto 1fr 48px;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(7, 27, 53, .06)
  }

  .si-news-label {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 17px;
    background: var(--n);
    color: #fff;
    font-size: 10px;
    letter-spacing: 1px
  }

  .si-pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--y);
    box-shadow: 0 0 0 5px rgba(255, 212, 0, .13)
  }

  .si-news-window {
    overflow: hidden;
    white-space: nowrap
  }

  .si-news-track {
    display: inline-flex;
    gap: 70px;
    padding-left: 100%;
    animation: news 31s linear infinite
  }

  .si-news-track span {
    font-size: 12px;
    color: var(--tx);
    font-weight: 650
  }

  .si-news-track span:before {
    content: "•";
    color: #d6ad00;
    margin-right: 10px
  }

  .si-news-toggle {
    height: 100%;
    border: 0;
    border-left: 1px solid var(--line);
    background: var(--card);
    color: var(--n2);
    font-weight: 900
  }

  .si-news-shell.paused .si-news-track {
    animation-play-state: paused
  }

  .si-why-section,
  .si-choose-section,
  .si-faq-section {
    padding: 76px 0;
    background: var(--bg)
  }

  .si-section-head {
    max-width: 760px;
    margin-bottom: 34px
  }

  .si-section-head.text-center {
    margin-left: auto;
    margin-right: auto
  }

  .si-section-head>span,
  .si-faq-title>span,
  .si-faq-aside>span {
    color: #315c87;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.5px
  }

  .si-section-head h2 {
    font-size: clamp(28px, 3.2vw, 43px);
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1.2px;
    color: var(--tx);
    margin: 9px 0 12px
  }

  .si-section-head p {
    color: var(--mut);
    font-size: 14px;
    line-height: 1.65
  }

  .si-why-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    align-items: stretch
  }

  .si-why-visual {
    position: relative;
    min-height: 480px;
    border-radius: 24px;
    overflow: hidden;
    background: var(--n)
  }

  .si-why-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  .si-visual-caption {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    background: rgba(7, 27, 53, .9);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 15px;
    padding: 14px 16px;
    color: #fff
  }

  .si-visual-caption b,
  .si-visual-caption span {
    display: block
  }

  .si-visual-caption span {
    font-size: 11px;
    color: #b8cae0;
    margin-top: 3px
  }

  .si-why-cards {
    display: grid;
    gap: 12px
  }

  .si-why-cards article {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 22px;
    display: flex;
    gap: 18px;
    align-items: flex-start;
    transition: .25s
  }

  .si-why-cards article:hover {
    transform: translateX(5px);
    box-shadow: var(--shadow)
  }

  .si-why-cards article>b {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 11px;
    background: var(--n);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 10px
  }

  .si-why-cards h3 {
    font-size: 18px;
    color: var(--tx);
    font-weight: 850;
    margin: 1px 0 7px
  }

  .si-why-cards p {
    font-size: 13px;
    color: var(--mut);
    line-height: 1.6;
    margin: 0
  }

  .si-choose-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px
  }

  .si-choose-grid article {
    position: relative;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 25px;
    min-height: 300px;
    transition: .3s;
    overflow: hidden
  }

  .si-choose-grid article:hover {
    transform: translateY(-7px);
    box-shadow: var(--shadow)
  }

  .si-choose-grid article:nth-child(2) {
    background: var(--n);
    border-color: var(--n);
    color: #fff
  }

  .si-choose-grid .si-num {
    position: absolute;
    right: 18px;
    top: 15px;
    font-size: 40px;
    font-weight: 950;
    color: rgb(255, 8, 8)
  }

  .si-choose-grid article:nth-child(2) .si-num {
    color: rgb(255, 255, 255)
  }

  .si-choose-grid img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    margin: 26px 0 24px
  }

  .si-choose-grid h3 {
    font-size: 21px;
    font-weight: 900;
    color: var(--tx)
  }

  .si-choose-grid p {
    color: var(--mut);
    font-size: 13px;
    line-height: 1.65
  }

  .si-choose-grid article>span {
    display: block;
    margin-top: 24px;
    font-size: 9px;
    letter-spacing: 1.5px;
    font-weight: 900;
    color: #53708e
  }

  .si-choose-grid article:nth-child(2) h3 {
    color: #fff
  }

  .si-choose-grid article:nth-child(2) p {
    color: #b9c9da
  }

  .si-choose-grid article:nth-child(2)>span {
    color: #ffd400
  }

  .si-faq-layout {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    gap: 28px;
    align-items: start
  }

  .si-faq-aside {
    position: sticky;
    top: 22px;
    background: var(--n);
    border-radius: 24px;
    padding: 30px;
    color: #fff
  }

  .si-faq-aside h2 {
    font-size: 31px;
    line-height: 1.08;
    font-weight: 600;
    margin: 10px 0 13px
  }

  .si-faq-aside p {
    color: #b9cadd;
    font-size: 13px;
    line-height: 1.65
  }

  .si-faq-mini {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 13px 0;
    font-size: 11px
  }

  .si-faq-mini span {
    color: #a9bdd3
  }

  .si-faq-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    margin-top: 14px;
    border-radius: 12px;
    background: #fff;
    color: var(--n) !important;
    text-decoration: none;
    font-weight: 900;
    font-size: 12px
  }

  .si-faq-title {
    margin-bottom: 15px
  }

  .si-faq-title h3 {
    font-size: 28px;
    color: var(--tx);
    font-weight: 500;
    margin: 5px 0
  }

  .si-faq-right .accordion {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0
  }

  .si-faq-right .accordion-item {
    list-style: none;
    background: var(--card);
    border: 1px solid var(--line) !important;
    border-radius: 15px !important;
    overflow: hidden
  }

  .si-faq-right .accordion-title {
    display: grid !important;
    grid-template-columns: 34px 1fr 32px;
    align-items: center;
    gap: 10px;
    padding: 16px !important;
    background: transparent !important;
    color: var(--tx) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 800 !important
  }

  .si-faq-right .accordion-title>span {
    font-size: 9px;
    color: #6d8299
  }

  .si-faq-right .accordion-title i {
    position: static !important;
    margin: 0 !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: grid !important;
    place-items: center;
    background: rgba(13, 49, 91, .07);
    color: var(--n2)
  }

  .si-faq-right .accordion-content {
    padding: 0 58px 17px !important;
    background: transparent !important
  }

  .si-faq-right .accordion-content p {
    margin: 0;
    color: var(--mut);
    font-size: 13px;
    line-height: 1.65
  }

  .si-theme-toggle {
    position: fixed;
    right: 17px;
    top: 17px;
    z-index: 9999;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    background: var(--n);
    color: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .2)
  }

  .si-mobile-sticky {
    display: none;
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 9998;
    min-height: 57px;
    border-radius: 15px;
    background: var(--n2);
    color: #fff !important;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    box-shadow: 0 15px 36px rgba(7, 27, 53, .32);
    overflow: hidden
  }

  .si-mobile-sticky:after {
    content: "";
    position: absolute;
    top: -30%;
    left: -35%;
    width: 18%;
    height: 160%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .85), transparent);
    transform: skewX(-18deg);
    animation: shine 2.2s infinite
  }

  .si-reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: .65s
  }

  .si-reveal.show {
    opacity: 1;
    transform: none
  }

  @keyframes up {
    from {
      opacity: 0;
      transform: translateY(14px)
    }

    to {
      opacity: 1;
      transform: none
    }
  }

  @keyframes news {
    to {
      transform: translateX(-100%)
    }
  }

  @keyframes shine {
    0% {
      left: -35%
    }

    55%,
    100% {
      left: 125%
    }
  }

  @media(max-width:767.98px) {
    body {
      padding-bottom: 77px
    }

    .home-banner {
      padding: 8px 0 24px !important;
      background: linear-gradient(180deg, var(--n) 0 15%, var(--bg) 15%) !important
    }

    .home-banner>.container {
      padding-left: 10px !important;
      padding-right: 10px !important
    }

    .si-responsive-banner {
      border-radius: 17px;
      padding: 4px
    }

    .si-banner-art {
      border-radius: 13px
    }

    .si-auth-main {
      grid-template-columns: 1fr;
      border-radius: 18px !important
    }

    .si-auth-info {
      padding: 22px 17px
    }

    .si-auth-info h2 {
      font-size: 29px !important
    }

    .si-auth-lead {
      font-size: 12px
    }

    .si-instruction-list>div {
      padding: 10px
    }

    .si-instruction-list p {
      font-size: 11.5px
    }

    .si-auth-process {
      padding: 22px 17px
    }

    .si-process-head h3 {
      font-size: 22px
    }

    .si-auth-col {
      margin-top: 10px !important
    }

    .si-news-shell {
      grid-template-columns: auto 1fr 42px;
      height: 48px;
      border-radius: 12px
    }

    .si-news-label {
      padding: 0 10px
    }

    .si-news-label b {
      display: none
    }

    .si-news-track {
      gap: 45px
    }

    .si-news-track span {
      font-size: 11px
    }

    .si-why-section,
    .si-choose-section,
    .si-faq-section {
      padding: 48px 0
    }

    .si-section-head {
      margin-bottom: 22px
    }

    .si-section-head h2 {
      font-size: 27px
    }

    .si-why-layout {
      grid-template-columns: 1fr
    }

    .si-why-visual {
      min-height: 270px;
      order: 2
    }

    .si-why-cards {
      order: 1
    }

    .si-why-cards article {
      padding: 16px;
      gap: 12px
    }

    .si-why-cards h3 {
      font-size: 16px
    }

    .si-why-cards p {
      font-size: 12px
    }

    .si-choose-grid {
      grid-template-columns: 1fr
    }

    .si-choose-grid article {
      min-height: 0;
      padding: 20px
    }

    .si-choose-grid img {
      width: 48px;
      height: 48px;
      margin: 12px 0 15px
    }

    .si-choose-grid article:nth-child(2) {
      background: var(--card);
      border-color: var(--line);
      color: var(--tx)
    }

    .si-choose-grid article:nth-child(2) h3 {
      color: var(--tx)
    }

    .si-choose-grid article:nth-child(2) p {
      color: var(--mut)
    }

    .si-faq-layout {
      grid-template-columns: 1fr
    }

    .si-faq-aside {
      position: static;
      border-radius: 18px;
      padding: 22px
    }

    .si-faq-aside h2 {
      font-size: 26px
    }

    .si-faq-title h3 {
      font-size: 23px
    }

    .si-faq-right .accordion-title {
      grid-template-columns: 28px 1fr 30px;
      padding: 14px !important;
      font-size: 13px !important
    }

    .si-faq-right .accordion-content {
      padding: 0 14px 15px 52px !important
    }

    .si-mobile-sticky.show {
      display: flex
    }

    .si-form-shell {
      padding: 17px 13px !important;
      border-radius: 17px !important
    }

    .si-form-shell input,
    .si-form-shell select,
    .si-form-shell textarea {
      font-size: 16px !important
    }

    .sidebar {
      display: none !important
    }
  }

  @media(prefers-reduced-motion:reduce) {
    * {
      animation: none !important;
      transition: none !important
    }
  }

.home-banner {
    background: #f7f7f5 !important;
    padding: 18px 0 45px !important
  }

  .si-landing-wrap {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important
  }

  .si-two-column {
    display: block !important;
    width: 100% !important
  }

  .si-banner-col {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important
  }

  .si-responsive-banner {
    width: 100% !important;
    background: #111111 !important;
    padding: 6px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 15px 45px rgba(7, 27, 53, .12) !important
  }

  .si-responsive-banner picture {
    display: block !important;
    width: 100% !important
  }

  .si-banner-art {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    border-radius: 17px !important
  }

  .si-auth-col {
    display: block !important;
    width: 100% !important;
    max-width: 1050px !important;
    margin: 24px auto 0 !important;
    padding: 0 !important
  }

  .si-auth-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(380px, .78fr) !important;
    width: 100% !important;
    background: var(--card) !important;
    border: 1px solid var(--line) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    min-height: auto !important;
    height: auto !important;
    box-shadow: var(--shadow) !important;
    padding: 0 !important
  }

  .si-auth-info {
    min-width: 0 !important;
    padding: 38px !important;
    background: radial-gradient(circle at 90% 10%, rgba(255, 212, 0, .09), transparent 25%), linear-gradient(145deg, #111111, #1b1b1b) !important;
    color: #fff !important
  }

  .si-auth-process {
    min-width: 0 !important;
    padding: 42px !important;
    background: var(--card) !important
  }

  .si-input-group {
    width: 100% !important
  }

  .si-input-group .form-control {
    min-width: 0 !important;
    width: 1% !important;
    flex: 1 1 auto !important
  }

  .si-section-head {
    width: 100% !important;
    max-width: 820px !important;
    margin: 0 auto 38px !important;
    text-align: center !important
  }

  .si-section-head>span {
    display: inline-block !important;
    margin-bottom: 9px !important
  }

  .si-section-head h2 {
    margin: 0 auto 14px !important;
    font-size: clamp(30px, 3vw, 43px) !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
    letter-spacing: -1px !important;
    text-align: center !important
  }

  .si-section-head p {
    max-width: 720px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.7 !important
  }

  .si-why-section,
  .si-choose-section,
  .si-faq-section {
    padding: 50px 0 !important
  }

  .si-why-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 22px !important;
    align-items: stretch !important
  }

  .si-why-visual {
    min-height: 470px !important;
    height: 100% !important;
    border-radius: 22px !important
  }

  .si-why-cards {
    display: grid !important;
    grid-template-rows: repeat(3, 1fr) !important;
    gap: 12px !important
  }

  .si-why-cards article {
    min-height: 0 !important;
    height: 100% !important;
    padding: 23px !important;
    align-items: center !important
  }

  .si-choose-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important
  }

  .si-choose-grid article {
    width: 100% !important;
    height: 100% !important;
    min-height: 315px !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 27px !important;
    border-radius: 20px !important
  }

  .si-choose-grid article p {
    flex: 1 !important
  }

  @media(max-width:991.98px) {
    .si-landing-wrap {
      max-width: 94% !important
    }

    .si-auth-main {
      grid-template-columns: 1fr 1fr !important
    }

    .si-auth-info,
    .si-auth-process {
      padding: 28px !important
    }

    .si-why-layout {
      grid-template-columns: 1fr !important
    }

    .si-why-visual {
      min-height: 400px !important
    }
  }

  @media(max-width:767.98px) {
    .home-banner {
      padding: 8px 0 28px !important
    }

    .home-banner>.container {
      padding-left: 10px !important;
      padding-right: 10px !important
    }

    .si-landing-wrap {
      max-width: 100% !important
    }

    .si-responsive-banner {
      padding: 4px !important;
      border-radius: 17px !important
    }

    .si-banner-art {
      border-radius: 13px !important
    }

    .si-auth-col {
      margin-top: 12px !important
    }

    .si-auth-main {
      display: block !important;
      border-radius: 18px !important
    }

    .si-auth-info {
      padding: 24px 18px !important
    }

    .si-auth-process {
      padding: 25px 18px !important
    }

    .si-section-head {
      margin-bottom: 25px !important;
      padding: 0 8px !important
    }

    .si-section-head h2 {
      font-size: 27px !important;
      line-height: 1.18 !important;
      letter-spacing: -.5px !important
    }

    .si-section-head p {
      font-size: 13px !important
    }

    .si-why-section,
    .si-choose-section,
    .si-faq-section {
      padding: 52px 0 !important
    }

    .si-why-layout {
      display: flex !important;
      flex-direction: column !important;
      gap: 15px !important
    }

    .si-why-visual {
      min-height: 265px !important;
      order: 1 !important
    }

    .si-why-cards {
      order: 2 !important;
      grid-template-rows: none !important;
      gap: 10px !important
    }

    .si-why-cards article {
      padding: 16px !important;
      align-items: flex-start !important
    }

    .si-choose-grid {
      grid-template-columns: 1fr !important;
      gap: 12px !important
    }

    .si-choose-grid article {
      min-height: auto !important;
      padding: 21px !important
    }

    .si-faq-layout {
      grid-template-columns: 1fr !important;
      gap: 18px !important
    }
  }

/* FAQ left panel: Hindi title must stay readable */
  .si-faq-aside h2 {
    color: #fff !important;
  }

  .si-faq-aside>span {
    color: #79a9d8 !important;
  }

  .si-faq-aside p {
    color: #d8e5f2 !important;
  }

  /* Registration information panel */
  .si-auth-info h2 {
    color: #fff !important;
  }

  .si-auth-info h2 span {
    color: #ffd400 !important;
  }

  /* Mobile: compact app-like registration flow */
  @media(max-width:767.98px) {
    .si-auth-main {
      display: flex !important;
      flex-direction: column !important;
    }

    .si-auth-info {
      padding: 20px 16px 16px !important;
    }

    .si-auth-info h2 {
      font-size: 27px !important;
      line-height: 1.08 !important;
      margin: 10px 0 7px !important;
    }

    .si-auth-lead {
      margin-bottom: 14px !important;
    }

    .si-instruction-list {
      gap: 7px !important;
      margin-top: 12px !important;
    }

    .si-instruction-list>div {
      padding: 9px 10px !important;
      border-radius: 11px !important;
    }

    .si-instruction-list p {
      font-size: 11px !important;
      line-height: 1.42 !important;
    }

    .si-secure-note {
      margin-top: 11px !important;
      font-size: 9.5px !important;
    }

    .si-auth-process {
      padding: 22px 16px 20px !important;
    }

    .si-process-head {
      margin-bottom: 18px !important;
    }

    .si-process-head h3 {
      font-size: 22px !important;
    }

    .si-process-icon {
      width: 40px !important;
      height: 40px !important;
    }

    /* OTP/mobile form is already visible, so never cover it with sticky CTA */
    #siMobileRegister,
    .si-mobile-sticky,
    .si-mobile-sticky.show {
      display: none !important;
    }

    body {
      padding-bottom: 0 !important;
    }

    /* FAQ card */
    .si-faq-aside {
      padding: 22px 18px !important;
    }

    .si-faq-aside h2 {
      color: #fff !important;
      font-size: 27px !important;
      line-height: 1.15 !important;
      margin: 10px 0 13px !important;
    }

    .si-faq-aside p {
      color: #d7e4f2 !important;
      font-size: 12.5px !important;
    }

    .si-faq-mini {
      color: #fff !important;
    }

    .si-faq-mini span {
      color: #c1d3e5 !important;
    }
  }

/* ===== Mobile live-updates: vertical card ticker ===== */
  @media(max-width:767.98px) {
    .si-notice-board {
      padding: 10px 10px 18px !important
    }

    .si-news-shell {
      position: relative !important;
      display: block !important;
      height: 112px !important;
      border-radius: 16px !important;
      overflow: hidden !important;
      background: var(--card) !important;
      border: 1px solid var(--line) !important;
      box-shadow: 0 10px 28px rgba(7, 27, 53, .08) !important;
      padding: 38px 42px 10px 14px !important;
    }

    .si-news-label {
      position: absolute !important;
      left: 12px !important;
      top: 10px !important;
      height: 22px !important;
      padding: 0 9px !important;
      border-radius: 999px !important;
      display: flex !important;
      gap: 6px !important;
      background: var(--n) !important;
      font-size: 9px !important;
      letter-spacing: .7px !important;
      z-index: 3 !important
    }

    .si-news-label b {
      display: block !important
    }

    .si-news-label:after {
      content: "NEW";
      margin-left: 4px;
      color: #111111;
      background: #ffd400;
      padding: 2px 6px;
      border-radius: 999px;
      font-size: 8px;
      font-weight: 950
    }

    .si-news-window {
      height: 60px !important;
      overflow: hidden !important;
      white-space: normal !important
    }

    .si-news-track {
      display: block !important;
      padding: 0 !important;
      transform: none !important;
      animation: siNewsVertical 20s steps(5, end) infinite !important;
    }

    .si-news-track span {
      height: 60px !important;
      display: flex !important;
      align-items: center !important;
      white-space: normal !important;
      font-size: 11px !important;
      line-height: 1.45 !important;
      color: var(--tx) !important;
      font-weight: 700 !important;
      padding: 0 2px !important;
    }

    .si-news-track span:before {
      content: "●";
      font-size: 7px;
      color: #e4b900;
      margin-right: 8px;
      flex: 0 0 auto
    }

    .si-news-toggle {
      position: absolute !important;
      right: 8px !important;
      top: 8px !important;
      width: 32px !important;
      height: 32px !important;
      border: 0 !important;
      border-radius: 10px !important;
      background: rgba(13, 49, 91, .07) !important;
      color: var(--n2) !important;
      z-index: 4 !important
    }

    .si-news-shell.paused .si-news-track {
      animation-play-state: paused !important
    }

    /* ===== FAQ/info: compact card, no oversized block ===== */
    .si-faq-aside {
      padding: 20px 17px !important;
      border-radius: 18px !important;
      min-height: 0 !important;
      height: auto !important
    }

    .si-faq-aside>span {
      font-size: 9px !important;
      letter-spacing: 1.3px !important;
      color: #7eacd7 !important
    }

    .si-faq-aside h2 {
      color: #fff !important;
      font-size: 25px !important;
      line-height: 1.12 !important;
      margin: 9px 0 10px !important;
      letter-spacing: -.5px !important
    }

    .si-faq-aside p {
      font-size: 11.5px !important;
      line-height: 1.55 !important;
      margin-bottom: 12px !important;
      color: #d8e5f2 !important
    }

    .si-faq-mini {
      padding: 10px 0 !important;
      font-size: 10px !important
    }

    .si-faq-cta {
      min-height: 44px !important;
      margin-top: 10px !important;
      border-radius: 11px !important;
      font-size: 11px !important
    }

    /* sticky CTA remains hidden while registration controls are directly available */
    #siMobileRegister,
    .si-mobile-sticky,
    .si-mobile-sticky.show {
      display: none !important
    }

    body {
      padding-bottom: 0 !important
    }
  }

  @keyframes siNewsVertical {

    0%,
    16% {
      transform: translateY(0)
    }

    20%,
    36% {
      transform: translateY(-60px)
    }

    40%,
    56% {
      transform: translateY(-120px)
    }

    60%,
    76% {
      transform: translateY(-180px)
    }

    80%,
    96% {
      transform: translateY(-240px)
    }

    100% {
      transform: translateY(0)
    }
  }

/* ---------- Mobile sticky Register CTA restored ---------- */
  @media(max-width:767.98px) {
    body {
      padding-bottom: 78px !important
    }

    #siMobileRegister.si-mobile-sticky {
      display: none !important;
      left: 10px !important;
      right: 10px !important;
      bottom: 10px !important;
      min-height: 56px !important;
      border-radius: 15px !important;
      background: #1b1b1b !important;
      color: #fff !important;
      border: 1px solid rgba(255, 255, 255, .16) !important;
      box-shadow: 0 15px 35px rgba(7, 27, 53, .34) !important;
      z-index: 9998 !important
    }

    #siMobileRegister.si-mobile-sticky.show {
      display: flex !important
    }
  }

  @media(min-width:768px) {
    #siMobileRegister {
      display: none !important
    }
  }

  /* ---------- Dark mode: complete readable palette ---------- */
  [data-si-theme="dark"] body,
  [data-si-theme="dark"] .home-banner,
  [data-si-theme="dark"] .si-notice-board,
  [data-si-theme="dark"] .si-why-section,
  [data-si-theme="dark"] .si-choose-section,
  [data-si-theme="dark"] .si-faq-section,
  [data-si-theme="dark"] .about-area,
  [data-si-theme="dark"] .service-area,
  [data-si-theme="dark"] .faq-area {
    background: #0b0b0b !important;
    color: #eef6ff !important
  }

  [data-si-theme="dark"] .si-auth-main,
  [data-si-theme="dark"] .si-auth-process,
  [data-si-theme="dark"] .si-news-shell,
  [data-si-theme="dark"] .si-why-cards article,
  [data-si-theme="dark"] .si-choose-grid article,
  [data-si-theme="dark"] .si-faq-right .accordion-item,
  [data-si-theme="dark"] .si-form-shell,
  [data-si-theme="dark"] .si-payment-card {
    background: #1b1b1b !important;
    border-color: #274663 !important;
    color: #eef6ff !important
  }

  [data-si-theme="dark"] .si-process-head h3,
  [data-si-theme="dark"] .si-section-head h2,
  [data-si-theme="dark"] .si-section-head p,
  [data-si-theme="dark"] .si-why-cards h3,
  [data-si-theme="dark"] .si-why-cards p,
  [data-si-theme="dark"] .si-choose-grid h3,
  [data-si-theme="dark"] .si-choose-grid p,
  [data-si-theme="dark"] .si-faq-title h3,
  [data-si-theme="dark"] .si-faq-right .accordion-title,
  [data-si-theme="dark"] .si-faq-right .accordion-content p,
  [data-si-theme="dark"] .si-news-track span,
  [data-si-theme="dark"] .si-form-shell,
  [data-si-theme="dark"] .si-form-shell label {
    color: #eef6ff !important
  }

  [data-si-theme="dark"] .si-section-head>span,
  [data-si-theme="dark"] .si-faq-title>span,
  [data-si-theme="dark"] .si-eyebrow,
  [data-si-theme="dark"] .si-choose-grid article>span {
    color: #ffd400 !important
  }

  [data-si-theme="dark"] .si-process-head small,
  [data-si-theme="dark"] .si-process-foot,
  [data-si-theme="dark"] .si-auth-subtitle {
    color: #b8c9db !important
  }

  [data-si-theme="dark"] .si-input-group,
  [data-si-theme="dark"] .si-input-group .input-group-text,
  [data-si-theme="dark"] .si-input-group .form-control,
  [data-si-theme="dark"] .si-otp-box,
  [data-si-theme="dark"] .si-form-shell input:not([type=checkbox]):not([type=radio]),
  [data-si-theme="dark"] .si-form-shell select,
  [data-si-theme="dark"] .si-form-shell textarea {
    background: #102a45 !important;
    color: #fff !important;
    border-color: #343434 !important
  }

  [data-si-theme="dark"] input::placeholder,
  [data-si-theme="dark"] textarea::placeholder {
    color: #9eb1c5 !important;
    opacity: 1
  }

  [data-si-theme="dark"] .si-news-toggle {
    background: #173550 !important;
    color: #ffd400 !important
  }

  [data-si-theme="dark"] .si-faq-right .accordion-title i {
    background: #173550 !important;
    color: #ffd400 !important
  }

  [data-si-theme="dark"] .si-choose-grid article:nth-child(2) {
    background: #102a45 !important;
    border-color: #343434 !important
  }

  [data-si-theme="dark"] .si-choose-grid article:nth-child(2) h3,
  [data-si-theme="dark"] .si-choose-grid article:nth-child(2) p {
    color: #eef6ff !important
  }

  /* Navy panels always keep high contrast in both modes */
  .si-auth-info h2,
  .si-auth-info p,
  .si-instruction-list p,
  .si-faq-aside h2 {
    color: #fff !important
  }

  .si-auth-info h2 span,
  .si-eyebrow,
  .si-instruction-list>div>span {
    color: #ffd400 !important
  }

  .si-faq-aside p {
    color: #d8e5f2 !important
  }

/* Final LIVE UPDATES redesign. Scoped only to the notice board. */
  .si-notice-board {
    padding: 14px 0 24px !important;
    background: var(--bg, #f5f7fa) !important
  }

  .si-notice-board .si-news-shell {
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(7, 31, 60, .07) !important
  }

  .si-notice-board .si-news-label {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 0 20px !important;
    border-radius: 0 !important;
    background: #111111 !important;
    color: #fff !important;
    font-size: 11px !important;
    letter-spacing: 1.1px !important;
    white-space: nowrap !important;
    z-index: 2 !important
  }

  .si-notice-board .si-news-label:after {
    content: none !important;
    display: none !important
  }

  .si-notice-board .si-news-label b {
    display: block !important;
    color: #fff !important;
    font-weight: 850 !important
  }

  .si-notice-board .si-pulse {
    width: 8px !important;
    height: 8px !important;
    flex: 0 0 8px !important;
    border-radius: 50% !important;
    background: #ffd400 !important;
    box-shadow: 0 0 0 6px rgba(255, 212, 0, .13) !important
  }

  .si-notice-board .si-news-window {
    position: relative !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent)
  }

  .si-notice-board .si-news-track {
    display: flex !important;
    align-items: center !important;
    width: max-content !important;
    min-width: max-content !important;
    height: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    transform: none;
    animation: siTickerFinal 42s linear infinite !important;
    will-change: transform
  }

  .si-notice-board .si-news-group {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    height: 100% !important;
    gap: 0 !important
  }

  .si-notice-board .si-news-track span {
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding: 0 34px 0 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #17263a !important
  }

  .si-notice-board .si-news-track span:before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    flex: 0 0 6px !important;
    margin: 0 11px 0 0 !important;
    border-radius: 50% !important;
    background: #d8aa00 !important
  }

  .si-notice-board .si-news-toggle {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 54px !important;
    width: 54px !important;
    height: 100% !important;
    border: 0 !important;
    border-left: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #111111 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    z-index: 3 !important
  }

  .si-notice-board .si-news-toggle:hover {
    background: #f7f9fc !important
  }

  .si-notice-board .si-news-shell.paused .si-news-track {
    animation-play-state: paused !important
  }

  @keyframes siTickerFinal {
    from {
      transform: translateX(0)
    }

    to {
      transform: translateX(-50%)
    }
  }

  @media(max-width:767.98px) {
    .si-notice-board {
      padding: 8px 10px 18px !important
    }

    .si-notice-board .container {
      padding-left: 0 !important;
      padding-right: 0 !important
    }

    .si-notice-board .si-news-shell {
      height: 50px !important;
      border-radius: 13px !important
    }

    .si-notice-board .si-news-label {
      padding: 0 11px !important;
      gap: 7px !important;
      font-size: 9px !important;
      letter-spacing: .7px !important
    }

    .si-notice-board .si-pulse {
      width: 7px !important;
      height: 7px !important;
      flex-basis: 7px !important;
      box-shadow: 0 0 0 4px rgba(255, 212, 0, .13) !important
    }

    .si-notice-board .si-news-window {
      height: 100% !important;
      white-space: nowrap !important;
      mask-image: none !important;
      -webkit-mask-image: none !important
    }

    .si-notice-board .si-news-track {
      display: flex !important;
      height: 100% !important;
      animation: siTickerFinal 34s linear infinite !important
    }

    .si-notice-board .si-news-group {
      display: flex !important;
      height: 100% !important
    }

    .si-notice-board .si-news-track span {
      display: inline-flex !important;
      height: auto !important;
      white-space: nowrap !important;
      font-size: 11px !important;
      line-height: 1.2 !important;
      padding-right: 24px !important
    }

    .si-notice-board .si-news-track span:before {
      width: 5px !important;
      height: 5px !important;
      flex-basis: 5px !important;
      margin-right: 8px !important
    }

    .si-notice-board .si-news-toggle {
      flex-basis: 40px !important;
      width: 40px !important;
      font-size: 14px !important
    }
  }

  @media(max-width:380px) {
    .si-notice-board .si-news-label {
      padding: 0 9px !important;
      font-size: 8px !important
    }

    .si-notice-board .si-news-toggle {
      flex-basis: 36px !important;
      width: 36px !important
    }

    .si-notice-board .si-news-track span {
      font-size: 10.5px !important
    }
  }

  @media(prefers-reduced-motion:reduce) {
    .si-notice-board .si-news-track {
      animation-duration: 70s !important
    }
  }

/* Keep all existing functionality; this patch only fixes the ticker and mobile card presentation. */
  .si-choose-grid article {
    position: relative !important
  }

  .si-choose-grid article:nth-child(2) .si-num {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #d59a00 !important
  }

  @media(max-width:767.98px) {
    .si-notice-board {
      padding: 8px 10px 16px !important
    }

    .si-notice-board .si-news-shell {
      height: 46px !important;
      border-radius: 12px !important;
      overflow: hidden !important
    }

    .si-notice-board .si-news-label {
      height: 46px !important;
      padding: 0 10px !important;
      font-size: 8.5px !important;
      letter-spacing: .65px !important
    }

    .si-notice-board .si-news-window {
      height: 46px !important;
      overflow: hidden !important;
      min-width: 0 !important
    }

    .si-notice-board .si-news-track {
      height: 46px !important;
      animation: none !important;
      transform: translate3d(0, 0, 0);
      width: max-content !important;
      min-width: max-content !important;
      will-change: transform !important
    }

    .si-notice-board .si-news-group {
      height: 46px !important;
      flex: none !important;
      width: max-content !important
    }

    .si-notice-board .si-news-track span {
      font-size: 11px !important;
      line-height: 46px !important;
      padding-right: 28px !important
    }

    .si-notice-board .si-news-toggle {
      height: 46px !important;
      flex: 0 0 38px !important;
      width: 38px !important
    }

    .si-choose-grid article .si-num {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      position: absolute !important;
      top: 24px !important;
      right: 22px !important;
      visibility: visible !important;
      opacity: 1 !important;
      font-size: 36px !important;
      line-height: 1 !important;
      font-weight: 900 !important;
      z-index: 3 !important
    }

    .si-choose-grid article:nth-child(1) .si-num {
      color: #ef2b22 !important
    }

    .si-choose-grid article:nth-child(2) .si-num {
      color: #d59a00 !important
    }

    .si-choose-grid article:nth-child(3) .si-num {
      color: #ef2b22 !important
    }

    .si-choose-grid article {
      padding-bottom: 26px !important
    }

    .si-mobile-sticky {
      z-index: 9999 !important
    }
  }

.si-mobile-news {
    display: none
  }

  @media(max-width:767.98px) {
    .si-live-v2 {
      padding: 8px 10px 16px !important;
      background: #f7f7f5 !important
    }

    .si-live-v2 .container {
      padding-left: 0 !important;
      padding-right: 0 !important
    }

    .si-live-v2 .si-news-desktop {
      display: none !important
    }

    .si-mobile-news {
      display: block !important;
      overflow: hidden;
      background: #fff;
      border: 1px solid #e5e7eb;
      border-radius: 16px;
      box-shadow: 0 10px 28px rgba(7, 31, 60, .08)
    }

    .si-mobile-news-head {
      height: 38px;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 0 14px;
      background: #111111;
      color: #fff
    }

    .si-mobile-live-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #ffd000;
      box-shadow: 0 0 0 5px rgba(255, 208, 0, .12);
      flex: 0 0 7px
    }

    .si-mobile-news-head b {
      font-size: 10px;
      letter-spacing: 1.15px;
      font-weight: 900
    }

    .si-mobile-news-count {
      margin-left: auto;
      font-size: 9px;
      letter-spacing: .7px;
      color: #a9c0d9;
      font-weight: 700
    }

    .si-mobile-news-count i {
      font-style: normal;
      color: #fff
    }

    .si-mobile-news-body {
      min-height: 82px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 42px;
      align-items: center;
      gap: 8px;
      padding: 12px 10px 12px 15px
    }

    .si-mobile-news-copy {
      font-size: 12.5px;
      line-height: 1.55;
      font-weight: 700;
      color: #17263a;
      transition: opacity .18s ease, transform .18s ease
    }

    .si-mobile-news-copy.is-changing {
      opacity: 0;
      transform: translateY(5px)
    }

    .si-mobile-news-next {
      width: 36px;
      height: 36px;
      border: 1px solid #dce5ef;
      border-radius: 50%;
      background: #f6f9fc;
      color: #111111;
      font-size: 18px;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0
    }

    .si-mobile-news-next:active {
      transform: scale(.96)
    }

    .si-mobile-news-progress {
      height: 3px;
      background: #edf2f7;
      overflow: hidden
    }

    .si-mobile-news-progress span {
      display: block;
      width: 0;
      height: 100%;
      background: #d8aa00
    }

    .si-mobile-news-progress span.is-running {
      animation: siMobileNewsProgress 4.5s linear forwards
    }

    @keyframes siMobileNewsProgress {
      from {
        width: 0
      }

      to {
        width: 100%
      }
    }
  }

:root {
    --si-navy: #173b67;
    --si-ink: #172033;
    --si-soft: #f7f9fc
  }

  body {
    background: #fff !important;
    color: #273449 !important
  }

  .si-about-v2,
  .si-features-v2,
  .si-guide-v2,
  .si-notice-board {
    filter: saturate(.72)
  }

  .si-section-head h2 {
    color: var(--si-ink) !important
  }

  .default-btn-two {
    box-shadow: none !important
  }

/* =========================================================
   FINAL THEME OVERRIDE — Yellow / Black / White
   ========================================================= */
:root{
  --si-yellow:#ffd400;
  --si-yellow-dark:#e0b800;
  --si-black:#111111;
  --si-ink:#171717;
  --si-white:#ffffff;
  --si-soft:#fffbea;
  --si-border:#eadf9f;
  --si-navy:#111111;
  --si-blue:#111111;
  --si-gold:#ffd400;
  --n:#111111;
  --n2:#202020;
}

body{background:#fff!important;color:var(--si-black)!important}
body, p, li, label, small, .form-label{color:var(--si-black)}

/* Primary actions */
.default-btn-one,.default-btn-two,.btn-primary,.si-primary-btn,.si-cta-btn{
  background:var(--si-yellow)!important;
  border-color:var(--si-yellow)!important;
  color:var(--si-black)!important;
}
.default-btn-one:hover,.default-btn-two:hover,.btn-primary:hover,.si-primary-btn:hover,.si-cta-btn:hover{
  background:var(--si-black)!important;
  border-color:var(--si-black)!important;
  color:var(--si-white)!important;
}

/* Headings and highlighted text */
.si-section-head h2,.si-section-head h3,.si-section-title,.si-auth-info h2,.si-auth-info h2 span{color:var(--si-black)!important}
.si-eyebrow,.si-kicker,.si-badge,.si-num{color:#b38f00!important}

/* Cards / panels */
.si-mode-card,.si-choose-grid article,.si-feature-card,.si-guide-card,.si-card,.si-auth-card{
  background:var(--si-white)!important;
  border-color:var(--si-border)!important;
}
.si-mode-card:has(input:checked){
  border-color:var(--si-yellow)!important;
  box-shadow:0 0 0 2px rgba(255,212,0,.18)!important;
}
input[type=radio],input[type=checkbox]{accent-color:var(--si-yellow)}

/* Live updates */
.si-notice-board .si-news-shell{border-color:var(--si-yellow)!important}
.si-notice-board .si-news-label,.si-notice-board .si-news-toggle{
  background:var(--si-yellow)!important;
  color:var(--si-black)!important;
}
.si-notice-board .si-news-window,.si-notice-board .si-mobile-news-card{background:var(--si-white)!important;color:var(--si-black)!important}

/* Dark areas use true black, with yellow accents */
.si-dark-section,.si-footer-cta,.si-interview-prep,.si-hero-dark{background:var(--si-black)!important}
.si-dark-section h2,.si-dark-section h3,.si-dark-section p,.si-footer-cta h2,.si-footer-cta p,.si-interview-prep h2,.si-interview-prep p,.si-hero-dark h1,.si-hero-dark p{color:var(--si-white)!important}

/* Form controls */
.form-control,.form-select{background:#fff!important;color:#111!important;border-color:#d8d8d8!important}
.form-control:focus,.form-select:focus{border-color:var(--si-yellow)!important;box-shadow:0 0 0 .2rem rgba(255,212,0,.18)!important}

/* Mobile sticky CTA */
.si-mobile-sticky{background:rgba(17,17,17,.96)!important}
.si-mobile-sticky a,.si-mobile-sticky button{background:var(--si-yellow)!important;color:var(--si-black)!important;border-color:var(--si-yellow)!important}

/* Keep the page light and clean */
.si-about-v2,.si-features-v2,.si-guide-v2,.si-notice-board{filter:none!important}

/* FINAL NO-NAVY OVERRIDE — 23 SEP 2026 */
:root{--n:#111!important;--n2:#1b1b1b!important;--si-navy:#111!important;--si-blue:#111!important}
.si-auth-info,.si-auth-left,.si-login-left,.si-register-left,.si-hero-dark{
  background:linear-gradient(145deg,#050505 0%,#111 58%,#1c1c1c 100%)!important;
  color:#fff!important;
}
.si-auth-info:after,.si-auth-info:before{background-color:rgba(255,212,0,.05)!important}
.si-instruction-list>div{background:#1b1b1b!important;border-color:#3a3a3a!important;color:#fff!important}
.si-instruction-list p,.si-instruction-list b{color:#fff!important}
.si-instruction-list span,.si-eyebrow{color:#FFD400!important}
.si-auth-form,.si-auth-panel,.si-login-right{background:#fff!important;color:#111!important}
.si-auth-form h1,.si-auth-form h2,.si-auth-panel h1,.si-auth-panel h2{color:#111!important}

/* =========================================================
   FINAL LIGHT UI LOCK — White + Yellow, black text only
   23 SEP 2026 — visual-only override
   ========================================================= */
:root{
  --si-yellow:#FFD400!important;--si-yellow-dark:#E8BC00!important;
  --si-black:#171717!important;--si-ink:#171717!important;--si-white:#FFFFFF!important;
  --si-soft:#FFFBE8!important;--si-soft-2:#FFF6C7!important;--si-border:#E8DFC0!important;
  --si-navy:#FFFBE8!important;--si-blue:#FFD400!important;--n:#FFFBE8!important;--n2:#FFF6C7!important;
}
html,body{background:#fff!important;color:#171717!important}
body,p,li,label,small,.form-label{color:#171717!important}
.si-auth-info,.si-auth-left,.si-login-left,.si-register-left,.si-hero-dark,
.si-dark-section,.si-footer-cta,.si-interview-prep{
  background:linear-gradient(145deg,#FFFFFF 0%,#FFFBE8 58%,#FFF2A8 100%)!important;
  color:#171717!important;
}
.si-auth-info h1,.si-auth-info h2,.si-auth-info h2 span,.si-auth-info h3,.si-auth-info p,.si-auth-info b,
.si-auth-left h1,.si-auth-left h2,.si-auth-left p,.si-login-left h1,.si-login-left h2,.si-login-left p,
.si-dark-section h1,.si-dark-section h2,.si-dark-section h3,.si-dark-section p,
.si-footer-cta h1,.si-footer-cta h2,.si-footer-cta p,.si-interview-prep h1,.si-interview-prep h2,.si-interview-prep p,
.si-hero-dark h1,.si-hero-dark h2,.si-hero-dark p{color:#171717!important}
.si-auth-info:before,.si-auth-info:after{background-color:rgba(255,212,0,.12)!important;border-color:rgba(190,150,0,.12)!important}
.si-instruction-list>div{background:#fff!important;border:1px solid #E8DFC0!important;color:#171717!important;box-shadow:0 8px 22px rgba(17,17,17,.045)!important}
.si-instruction-list p,.si-instruction-list b{color:#171717!important}.si-instruction-list span,.si-eyebrow,.si-kicker,.si-num{color:#9A7900!important}
.si-auth-form,.si-auth-panel,.si-login-right,.si-auth-card,.si-login-card,.si-mode-card,.si-choose-grid article,.si-feature-card,.si-guide-card,.si-card{background:#fff!important;color:#171717!important;border-color:#E8DFC0!important}
.navbar,.si-navbar{background:#fff!important;color:#171717!important;border-bottom:1px solid #EEE6C8!important;box-shadow:0 5px 18px rgba(17,17,17,.045)!important}
.navbar a,.si-navbar a{color:#171717!important}.navbar a:hover,.si-navbar a:hover{color:#8A6C00!important}
.sidebar,.admin-sidebar{background:#FFFBE8!important;border-right:1px solid #E8DFC0!important}.sidebar a,.admin-sidebar a{color:#171717!important}.sidebar a:hover,.sidebar .active,.admin-sidebar a:hover,.admin-sidebar .active{background:#FFD400!important;color:#171717!important}
.si-footer-v5,footer{background:#FFFBE8!important;color:#171717!important;border-top:1px solid #E8DFC0!important}footer a,.si-footer-v5 a{color:#705800!important}
.section-heading,.card-header.bg-primary,.card-header[class*="bg-primary"]{background:#FFD400!important;color:#171717!important;border-color:#E8BC00!important}
.table thead th,.table-dark th{background:#FFF3A3!important;color:#171717!important;border-color:#E8DFC0!important}
.bg-dark{background:#FFFBE8!important;color:#171717!important}
.si-mobile-sticky{background:rgba(255,255,255,.97)!important;border-top:1px solid #E8DFC0!important;box-shadow:0 -8px 24px rgba(17,17,17,.08)!important}
.default-btn-one,.default-btn-two,.btn-primary,.btn-dark,.si-primary-btn,.si-cta-btn,.si-mobile-sticky a,.si-mobile-sticky button{background:#FFD400!important;border-color:#FFD400!important;color:#171717!important;font-weight:800!important}
.default-btn-one:hover,.default-btn-two:hover,.btn-primary:hover,.btn-dark:hover,.si-primary-btn:hover,.si-cta-btn:hover{background:#E8BC00!important;border-color:#E8BC00!important;color:#171717!important}
.form-control,.form-select{background:#fff!important;color:#171717!important;border-color:#D9D6CA!important}.form-control:focus,.form-select:focus{border-color:#FFD400!important;box-shadow:0 0 0 .2rem rgba(255,212,0,.18)!important}
@media(max-width:767.98px){.si-auth-info,.si-auth-left,.si-login-left,.si-register-left,.si-hero-dark{background:linear-gradient(145deg,#fff,#FFFBE8,#FFF2A8)!important;color:#171717!important}}

/* FINAL FOOTER CONTRAST FIX — 23 SEP 2026 */
.si-footer-v5{
  background:#FFF8DC!important;
  color:#111!important;
  border-top:1px solid #E3B72F!important;
}
.si-footer-v5 .si-footer-brand p,
.si-footer-v5 h6,
.si-footer-v5 .si-centres a,
.si-footer-v5 .si-centres b,
.si-footer-v5 .si-centres span,
.si-footer-v5 .si-contact,
.si-footer-v5 .si-footer-bottom,
.si-footer-v5 .si-footer-bottom span{
  color:#111!important;
}
.si-footer-v5 .si-centres a{
  background:#FFFDF5!important;
  border-color:#E8C85A!important;
}
.si-footer-v5 .si-centres span{color:#333!important}
.si-footer-v5 .si-footer-bottom{
  border-top-color:#E8C85A!important;
  color:#333!important;
}
.si-footer-v5 a:hover{color:#8A6C00!important}