/**index page**/

    :root{
      --vsk-blue:#0f3d91;
      --vsk-blue-700:#0b2c69;
      --vsk-orange:#ff7a00;
      --vsk-bg:#ffffff;
      --vsk-muted:#eef3ff;
      --radius:1.25rem;
    }
    html,body{background:var(--vsk-bg);scroll-behavior:smooth;transition:0.3s;}

    .section-title{font-weight:800;color:#0b2c69}
    
    .nav-link{font-weight:600}
    .btn-vsk{background:var(--vsk-orange);border:none;color:#fff}
    .btn-vsk:hover{filter:brightness(.95);color:var(--vsk-orange)}
    
    .hero { position: relative; overflow: hidden; color: #fff;}

    .hero-gradient {
      position: absolute;
      inset: 0;
      background:
        /* LEFT–BOTTOM new gradient */
        radial-gradient(1000px 500px at 0% 100%, #ff7a00 0%, transparent 55%),

        /* RIGHT–TOP original */
        radial-gradient(1000px 500px at 100% 10%, #ff7a00 0%, transparent 55%),

        /* LEFT–TOP original */
        radial-gradient(1200px 600px at 20% -10%, #1f4ab8 0%, transparent 60%),

        /* Base gradient */
        linear-gradient(140deg, var(--vsk-blue) 0%, var(--vsk-blue-700) 60%);
      z-index: 0;
    }
    .hero .content {  position: relative; z-index: 1;}
    
    .chip{display:inline-flex;gap:.5rem;align-items:center;padding:.35rem .75rem;border-radius:999px;background:rgba(255,255,255,.15);backdrop-filter:blur(6px)}
    .stat-card{border:none;border-radius:var(--radius);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06)}
    .kpi{font-weight:800;letter-spacing:.5px}
    .section-title{font-weight:800;color:var(--vsk-blue-700)}
    .section-sub{color:#3c4b71}
    .ecosystem{background:var(--vsk-muted);border-radius:var(--radius)}
    
    .init-card{border:none;border-radius:var(--radius);transition:transform .2s, box-shadow .2s}
    .init-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,61,145,.15)}

    /* About Section */
    #about-vsk { padding:80px 0; background:#f9fbff; }
    .about-card { border:none; border-radius:var(--vsk-radius,1.25rem); background:#fff; box-shadow:0 5px 15px rgba(0,0,0,.1); padding:2rem; text-align:center; transition:transform .4s ease, box-shadow .4s ease; height:300px; display:flex; flex-direction:column; justify-content:center; }
    .about-card:hover { transform:translateY(-5px); box-shadow:0 10px 25px rgba(15,61,145,.15); }
    .about-card i { font-size:3rem; color:var(--vsk-orange); margin-bottom:1rem; }
    .about-card h4 { color:var(--vsk-blue); font-weight:700; margin-bottom:.5rem; }
    .about-card p { color:#555; font-size:1.1rem; margin:0; }

    .mission-card{border:none;border-radius:var(--radius);background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);padding:2rem;text-align:center;transition:all .3s ease-in-out;}
    .mission-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(15,61,145,.15)}
    .mission-card i{font-size:2.5rem;color:var(--vsk-orange);margin-bottom:1rem}
    .mission-card h5{font-weight:700;color:#0f3d91;margin-bottom:.75rem}

    /* Fixed uniform card size */
    .domain-card { border:none; border-radius:var(--vsk-radius,1.25rem); background:#fff; box-shadow:0 5px 20px rgba(0,0,0,.1); padding:2rem; margin:1rem; transition:box-shadow .4s ease, transform .4s ease; height:480px; display:flex; flex-direction:column; justify-content:space-between; }
    .domain-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(15,61,145,.18); }
    .domain-header { display:flex; align-items:center; gap:1rem; margin-bottom:1rem; }
    .domain-header i { font-size:2.4rem; color:var(--vsk-orange); }
    .domain-header h4 { color:var(--vsk-blue); font-weight:700; margin:0; }
    .domain-header small { color:#6c757d; }
    
    .app-list { list-style:none; padding-left:0; margin:0; flex-grow:1; overflow: auto; }
    .app-list li { padding:.6rem 1rem; border-left:4px solid var(--vsk-orange); margin-bottom:.6rem; background:#f9fbff; border-radius:.5rem; }
    .app-list h6 { margin:0 0 .15rem; color:var(--vsk-blue); font-weight:600; font-size:1rem; }
    .app-list p { margin:0; color:#555; font-size:.92rem; }


    /* Carousel layout (3-up on lg, 2-up on md, 1-up on sm) */
    #sixAcarousel .carousel-item { padding:.25rem 0; }
    #sixAcarousel .multi-card-wrapper { display:flex; gap:1rem; justify-content:center; align-items:stretch; flex-wrap:nowrap; }
    #sixAcarousel .multi-card-wrapper .domain-card { flex:0 0 calc(33.333% - 1rem); }
    @media (max-width: 991.98px){ #sixAcarousel .multi-card-wrapper .domain-card { flex:0 0 calc(50% - 1rem); } }
    @media (max-width: 767.98px){ #sixAcarousel .multi-card-wrapper .domain-card { flex:0 0 100%; } }


    /* Match Mission section padding */
    #initiatives { padding-top: 80px; padding-bottom: 80px; }

    .search-input{border-radius:999px}

    .gallery img{border-radius:.75rem}
    .gallery img:hover{transform:scale(1.03);box-shadow:0 8px 20px rgba(0,0,0,.12);transition:all .5s ease-in-out}

    footer{background:#0f234f;color:#b8c4ea}
    footer a{color:#e8eeff;text-decoration:none}
    footer a:hover{text-decoration:underline}

    /*captcha*/
    .section-title { font-weight:800; color:var(--vsk-blue); }
    .captcha-box { display:flex; align-items:center; justify-content:space-between; background:#f1f4ff; border-radius:10px; padding:10px 15px; border:1px solid #d0d6f9; }
    .captcha-box img { height:40px; border-radius:8px; }
    .captcha-text { font-size:.9rem; color:#333; }



/**End of index page**/