:root {
          --primary-color: #6A1B9A;
          --secondary-color: #8535b7;
          --accent-color: #ff6584;
          --light-color: #f8f9fa;
          --dark-color: #212529;
          --secondary-dark-color: #7A7A73;
          /* gradient tokens */
          --grad-1:#6A1B9A;
          --grad-2:#7B3FC6;
          --grad-3:#B248E3;
          --grad-4:#ff6584;
          --brand-gradient: linear-gradient(90deg, var(--grad-1), var(--grad-2), var(--grad-3), var(--grad-4));
      }

      body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #444; overflow-x: hidden; }

      /* Scrollbar */
      html::-webkit-scrollbar { width: 6px; height: 6px; }
      html::-webkit-scrollbar-track { background: #f1f1f1; }
      html::-webkit-scrollbar-thumb { background: var(--secondary-dark-color); border: none; border-radius: 0; }
      html::-webkit-scrollbar-button { display: none; }
      body { scrollbar-width: thin; scrollbar-color: var(--primary-color) #f1f1f1; }

     /* Navbar */
.navbar { 
  background-color: white; 
  box-shadow: 0 2px 10px rgba(0,0,0,0.1); 
  padding: 0; 
  transition: all 0.3s ease; 
  height: 81px; /* Default height for large devices */
}

.navbar.navbar-transparent { 
  background-color: transparent; 
  box-shadow: none; 
}

.navbar.scrolled { 
  background-color: white !important; 
  box-shadow: 0 2px 10px rgba(0,0,0,0.05); 
}

.navbar-brand { 
  font-weight: 700; 
  display: flex;
  align-items: center;
  height: 100%;
}

.navbar-brand img { 
  height: 80px; 
  width: auto; 
  transition: all 0.3s ease;
}

/* For small devices */
@media (max-width: 768px) {
  .navbar { height: 81px; }
  .navbar-brand img { height: 50px; }
}

      .nav-link { color: var(--dark-color); font-weight: 500; transition: color .25s ease; position: relative; }
      .nav-link.active, .nav-link:focus { color: var(--primary-color); }
      /* gradient-text hover */
      .nav-link:hover { background: var(--brand-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

      /* Sections */
      .hero-section{ height:120vh; background-color:#f8f9fa; margin-top:-80px; padding-top:80px; }
      @media (min-width: 992px){ .hero-section{ height:150vh; } }
      @media (min-width: 1202px){ .hero-section{ height:130vh; } }

      .section-title{ position:relative; margin-bottom:40px; color:var(--primary-color); }
    /*  .section-title:after{ content:''; position:absolute; bottom:-10px; left:0; width:100px; height:2px; background-color:var(--dark-color); }*/

      .stats-section{ padding:60px 0; background-color: var(--light-color); }
      .stat-box{ text-align:center; padding:30px; transition: transform .3s ease; }
      .stat-box:hover{ transform: translateY(-10px); }

      .card{ border: none; border-radius: 10px; transition: transform .3s ease; margin-bottom:30px; }
      .card:hover{ transform: translateY(-10px); }
      .card-img-top{ height:200px; object-fit: cover; }
      .program-card{ border-left:4px solid var(--primary-color); }

      .testimonial-card{ background:#fff; padding:30px; border-radius:10px; box-shadow:0 5px 15px rgba(0,0,0,0.05); }
      .testimonial-img{ width:80px; height:80px; border-radius:50%; object-fit:cover; margin-right:20px; }

      .photo-gallery .gallery-card{ overflow:hidden; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,0.06); transition: transform .35s ease, box-shadow .35s ease; background:#fff; display:block; height:220px; }
      .photo-gallery .gallery-card img{ width:100%; height:100%; object-fit:cover; display:block; transition: transform .4s ease; }
      .photo-gallery .gallery-card:hover{ transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,0.12); }
      .photo-gallery .gallery-card:hover img{ transform: scale(1.06); }
      @media (min-width: 1400px){ .photo-gallery .gallery-card{ height:260px; } }
      @media (min-width: 992px) and (max-width: 1399px){ .photo-gallery .gallery-card{ height:240px; } }
      @media (min-width: 768px) and (max-width: 991px){ .photo-gallery .gallery-card{ height:220px; } }
      @media (max-width: 767px){ .photo-gallery .gallery-card{ height:160px; border-radius:10px; } .photo-gallery .container{ padding-left:16px; padding-right:16px; } }

      .clip-path-triangle-left{ clip-path: polygon(0 0, 0% 100%, 100% 0); }
      .clip-path-curve-right{ clip-path: ellipse(100% 100% at 100% 100%); }

      /* Buttons + gradient utilities */
      .btn-primary{ background-color:var(--primary-color); border-color:var(--secondary-color); transition: all .3s ease-in-out; box-shadow:none; }
      .btn-primary:hover{ background-color:var(--secondary-color); border-color:var(--secondary-color); transform: scale(1.05); box-shadow:0 8px 20px rgba(0,0,0,0.2); }
      .btn-outline-gradient{ border:2px solid transparent; border-image: linear-gradient(90deg, var(--grad-1), var(--grad-3), var(--grad-4)) 1; background-color:transparent; color:var(--primary-color); transition: all .3s ease; }
      .btn-outline-gradient:hover{ background:var(--brand-gradient); color:#fff !important; border:none; box-shadow:0 8px 20px rgba(0,0,0,0.15); }

      .gradient-text{ background: linear-gradient(90deg, #ff006e, #ff4b91, #ff7b54, #ffa94d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;}
      .gradient-bg{ background:var(--brand-gradient); color:#fff; }
      .gradient-animate{ background-size:200% auto; animation: gradient-move 6s linear infinite; }
      @keyframes gradient-move { 0%{background-position:0% 50%;} 100%{background-position:200% 50%;} }

      /* Back to top */
      .back-to-top{ position:fixed; bottom:20px; right:20px; width:50px; height:50px; background-color:var(--primary-color); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; z-index:999; opacity:0; transition:opacity .3s ease; }
      .back-to-top.active{ opacity:1; }

      /* Mobile tweaks */
      @media (max-width: 991.98px){
        body{ padding-top:60px; }
        .navbar{ background-color:#fff !important; box-shadow:0 2px 10px rgba(0,0,0,0.1) !important; }
        .navbar-collapse{ background-color:#fff; padding:20px; margin-top:10px; border-radius:8px; box-shadow:0 5px 15px rgba(0,0,0,0.1); }
        .hero-section{ height:auto; min-height:120vh; margin-top:0; padding:40px 0 60px; }
        .hero-section .row{ flex-direction: column-reverse; }
        .hero-section .display-6{ font-size:2rem; }
        .hero-section .lead{ font-size:1.1rem; }
        .hero-section .d-flex{ flex-direction:column; align-items:center; }
        .hero-section .btn{ width:100%; max-width:280px; margin-bottom:10px; }
        .clip-path-triangle-left, .clip-path-curve-right{ width:120px !important; height:120px !important; }
      }

      /* Footer */
      footer{ background-color:var(--dark-color); color:#fff; padding:50px 0 20px; }
      .social-icon{ color:#fff; font-size:1.5rem; margin-right:15px; }
      .social-icon:hover{ color:var(--primary-color); }

      /* Reduced motion */
      @media (prefers-reduced-motion: reduce){ .gradient-animate, .btn-primary:hover, .photo-gallery .gallery-card:hover, .back-to-top:hover { animation:none; transform:none; } }
.feature-card {
  border: 0; border-radius: 1rem; position: relative; overflow: hidden; background: #fff;
}
.feature-card::after {
  content: ""; position: absolute; inset: auto -40px -30px auto; /* bottom-right */
  width: 180px; height: 180px; opacity: .12; pointer-events: none;
  background-repeat: no-repeat; background-size: contain; background-position: center;
  filter: saturate(0.9);
}

/* People watermark */
.watermark-people::after {
  background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'>\
    <defs><linearGradient id='g' x1='0' x2='1' y1='0' y2='1'>\
      <stop stop-color='%23ff006e'/><stop offset='0.5' stop-color='%23ff7b54'/>\
      <stop offset='1' stop-color='%23ffa94d'/></linearGradient></defs>\
    <g fill='url(%23g)'>\
      <circle cx='64' cy='38' r='18'/>\
      <circle cx='32' cy='50' r='12'/><circle cx='96' cy='50' r='12'/>\
      <path d='M18 108c4-22 23-30 46-30s42 8 46 30z'/>\
    </g></svg>");
}

/* Realization watermark (bulb) */
.watermark-idea::after {
  background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'>\
    <defs><linearGradient id='g' x1='0' x2='1' y1='0' y2='1'>\
      <stop stop-color='%23ff006e'/><stop offset='0.5' stop-color='%23ff7b54'/>\
      <stop offset='1' stop-color='%23ffa94d'/></linearGradient></defs>\
    <g fill='url(%23g)'>\
      <path d='M64 16c-22 0-40 16-40 36 0 13 8 24 18 30v10h44V82c10-6 18-17 18-30 0-20-18-36-40-36z'/>\
      <rect x='46' y='96' width='36' height='8' rx='4'/><rect x='50' y='108' width='28' height='8' rx='4'/>\
    </g></svg>");
}

/* Transformation watermark (butterfly) */
.watermark-butterfly::after {
  background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'>\
    <defs><linearGradient id='g' x1='0' x2='1' y1='0' y2='1'>\
      <stop stop-color='%23ff006e'/><stop offset='0.5' stop-color='%23ff4b91'/>\
      <stop offset='1' stop-color='%23ffa94d'/></linearGradient></defs>\
    <g fill='url(%23g)'>\
      <path d='M64 64c-10-20-30-32-44-24S6 68 24 74s30-2 40-10z'/>\
      <path d='M64 64c10-20 30-32 44-24s14 28-4 34-30-2-40-10z'/>\
      <circle cx='64' cy='70' r='6'/>\
    </g></svg>");
}

/* Hover lift */
.feature-card:hover {
  box-shadow: 0 12px 40px rgba(0,0,0,.08) !important;
  transform: translateY(-4px);
}