:root{
    --cw-cyan:#02ACED;
    --cw-pink:#EA058B;
    --cw-yellow:#FFD500;
    --ink-900:#0c1b2a;
    --ink-700:#24415b;
    --ink-500:#5c7084;
    --tile-blue:#eaf3ff;
  }
.students-area {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(1400px 360px at -10% 0%, rgba(2,172,237,.14), transparent 60%),
    radial-gradient(1300px 300px at 110% -10%, rgba(234,5,139,.12), transparent 60%),
    #ffffff;
}
.students-area::before,
.students-area::after {
  content:"";
  position:absolute; border-radius:50%; filter:blur(12px); opacity:.24; z-index:0;
}
.students-area::before{
  width:420px;height:420px; left:-180px; top:-160px;
  background: radial-gradient(circle at 30% 30%, rgba(2,172,237,.38), transparent 70%);
}
.students-area::after{
  width:460px;height:460px; right:-180px; bottom:-160px;
  background: radial-gradient(circle at 70% 70%, rgba(234,5,139,.32), transparent 70%);
}
.section-title h2{
  font-size: 3.1rem;
  font-weight:800;
  letter-spacing:.3px;
  margin-bottom:.55rem;
  background:linear-gradient(90deg, var(--cw-cyan), var(--cw-pink), var(--cw-yellow));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.section-title p{
  font-size:1.45rem;
  font-weight:600;
  letter-spacing:.3px;
  color:var(--ink-700);
  margin-top:.4rem;
}

.section-title{
  position:relative; z-index:1;
}
.section-title::after{
  content:""; position:absolute; left:50%; top:-90px; transform:translateX(-50%);
  width:210px; height:150px; border-radius:20px;
  background:
    linear-gradient(135deg, rgba(234,5,139,.14), rgba(255,213,0,.12)),
    var(--tile-blue);
  box-shadow:0 12px 30px rgba(15,30,60,.12), 0 6px 12px rgba(15,30,60,.07);
  filter:saturate(120%) brightness(1.06);
  z-index:-1;
}
.img-fluid-rounded{
  max-width:100%; height:auto; border-radius:20px;
  box-shadow:0 12px 26px rgba(0,0,0,.06), 0 18px 60px rgba(2,172,237,.14);
  transition:transform .35s ease, box-shadow .35s ease;
}
.img-fluid-rounded:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 36px rgba(0,0,0,.1), 0 26px 80px rgba(234,5,139,.14);
}
.students-paragraph{
  position:relative;
  margin:0 0 28px;
  padding:24px 26px 24px 34px;
  font-size: 1.25rem;
  line-height:1.95;
  background:#fff; border-radius:18px;
  color:var(--ink-700);
  box-shadow:0 3px 10px rgba(15,30,60,.06), 0 14px 32px rgba(15,30,60,.09);
  transition:transform .25s ease, box-shadow .25s ease;
}
.students-paragraph::before{
  content:""; position:absolute; left:12px; top:12px; bottom:12px; width:8px; border-radius:14px;
  background:linear-gradient(180deg, var(--cw-cyan), #75dcff);
  box-shadow:0 0 0 2px rgba(2,172,237,.12) inset;
  transition:background .25s ease, box-shadow .25s ease;
}
.students-paragraph:hover{
  transform:translateY(-3px);
  box-shadow:0 6px 16px rgba(15,30,60,.08), 0 20px 40px rgba(15,30,60,.12);
}
.students-paragraph:hover::before{
  background:linear-gradient(180deg, var(--cw-pink), #ff9ada);
  box-shadow:0 0 0 2px rgba(234,5,139,.12) inset;
}
h3.lh-sm{ 
  color:var(--ink-900); 
  font-size:2rem;
  font-weight:800;
  letter-spacing:.4px;
}
h5{ 
  color:var(--ink-900);
  font-size:1.35rem;
  font-weight:700;
}
.theme_btn.register_btn{
  background:linear-gradient(90deg, var(--cw-cyan), var(--cw-pink));
  padding:1rem 1.6rem;
  font-size:1.2rem;
  border-radius:14px;
  font-weight:700;
  letter-spacing:.4px;
  box-shadow:0 12px 26px rgba(2,172,237,.28);
  transition:transform .25s ease, box-shadow .25s ease;
}
.theme_btn.register_btn:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(234,5,139,.28);
}
.features-container{
  border-radius:20px; overflow:hidden; background:#fff;
  box-shadow:0 14px 32px rgba(0,0,0,.08);
  transition:transform .3s ease, box-shadow .3s ease;
  height:100%;
}
.features-container:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 50px rgba(0,0,0,.12);
}
.features-top-bar{
  padding:26px;
  background:linear-gradient(90deg, rgba(2,172,237,.14), rgba(234,5,139,.14));
  border-bottom:1px dashed rgba(2,172,237,.2);
}
.features-icon{ max-width:100px; margin-bottom:0; display:block; }
.features-content-box{
  padding:26px;
  font-size:1.2rem;
  line-height:1.9;
  font-weight:600;
  color:var(--ink-700);
}

.features-content-box::before {
    content: attr(data-title);
    display: block;
    font-size: 1.6rem;            
    font-weight: 800;             
    color: var(--ink-900);
    margin-bottom: 14px;
    letter-spacing: .4px;
    text-align: left;
}

.features-content-box {
    font-size: 1.25rem !important;
    line-height: 1.95;
    font-weight: 500;
}
.feature-title {
    font-size: 1.6rem;
    font-weight: 800;
    margin-top: 10px;
    color: var(--ink-900);
    text-align: center;
}
.students-row{ align-items:center; }

.cow-fade{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
.cow-fade.is-in{ opacity:1; transform:translateY(0); }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ transition:none !important; animation:none !important; }
}
.cow-teachers-page{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(1200px 320px at -10% 0%, rgba(2,172,237,.10), transparent 60%),
      radial-gradient(1000px 260px at 110% -20%, rgba(234,5,139,.08), transparent 60%),
      #ffffff;
  }
  .cow-teachers-page::before,
  .cow-teachers-page::after{
    content:"";
    position:absolute;
    border-radius:50%;
    filter:blur(12px);
    opacity:.22;
    z-index:0;
  }
  .cow-teachers-page::before{
    width:340px; height:340px;
    left:-140px; top:-120px;
    background: radial-gradient(circle at 30% 30%, rgba(2,172,237,0.35), transparent 70%);
  }
  .cow-teachers-page::after{
    width:400px; height:400px;
    right:-150px; bottom:-130px;
    background: radial-gradient(circle at 70% 70%, rgba(234,5,139,0.3), transparent 70%);
  }


  .cow-teachers-hero-wrap{
    position:relative;
    z-index:1;
  }
  .cow-teachers-hero{
    border-radius:24px;
    padding:3rem 3.2rem;
    background:
      radial-gradient(circle at 0% 0%, rgba(2,172,237,.18), transparent 55%),
      radial-gradient(circle at 100% 0%, rgba(234,5,139,.16), transparent 55%),
      rgba(255,255,255,.92);
    box-shadow:
      0 18px 40px rgba(14,23,43,.20),
      0 0 0 1px rgba(255,255,255,.7);
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
  }

  .cow-teachers-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.3rem .9rem;
    border-radius:999px;
    background:rgba(255,255,255,.8);
    box-shadow:0 6px 18px rgba(15,30,60,.12);
    font-size:.95rem;
    font-weight:600;
    color:var(--ink-700);
    margin-bottom:1rem;
  }
  .cow-teachers-eyebrow span{
    width8px; height:8px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--cw-cyan),var(--cw-pink));
  }

  .cow-teachers-title{
    font-size:2.6rem;
    line-height:1.2;
    margin-bottom:1rem;
    font-weight:800;
    background: linear-gradient(90deg, var(--cw-cyan), var(--cw-pink), var(--cw-yellow));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .cow-teachers-sub{
    font-size:1.25rem;
    line-height:1.7;
    color:var(--ink-700);
    margin-bottom:.75rem;
  }
  .cow-teachers-body{
    font-size:1.05rem;
    line-height:1.9;
    color:var(--ink-700);
  }

  .cow-teachers-hero-media{
    position:relative;
  }
  .cow-hero-blob{
    position:absolute;
    inset:-10px;
    color:#d7e9ff;
    opacity:.85;
    filter:drop-shadow(0 12px 30px rgba(15,30,60,.25));
  }
  .cow-hero-img-frame{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    background:#ffffff;
    box-shadow:
      0 10px 26px rgba(0,0,0,.08),
      0 20px 60px rgba(15,30,60,.20);
    transform:translateZ(0);
  }
  .cow-hero-img-frame img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }

  .cow-section{
    position:relative;
    z-index:1;
    padding:2.5rem 0;
  }
  .cow-usecase-img{
    border-radius:20px;
    overflow:hidden;
    background:#fff;
    box-shadow:
      0 8px 22px rgba(0,0,0,.06),
      0 16px 50px rgba(15,30,60,.14);
  }
  .cow-usecase-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .cow-usecase-copy h3{
    font-size:2rem;
    font-weight:800;
    color:var(--ink-900);
    margin-bottom:.5rem;
  }
  .cow-usecase-copy h5{
    font-size:1.25rem;
    font-weight:600;
    color:var(--ink-700);
    margin-bottom:1rem;
  }
  .cow-usecase-copy p{
    font-size:1.05rem;
    line-height:1.9;
    color:var(--ink-700);
  }

  .cow-usecase-copy .theme_btn{
    font-size:1.02rem;
    padding:.75rem 1.75rem;
    border-radius:999px;
    box-shadow:0 10px 24px rgba(2,172,237,.25);
  }

  
  .cow-features-wrap{
    position:relative;
    z-index:1;
  }
  .cow-features-title h2{
    font-size:2.3rem;
    font-weight:800;
    background: linear-gradient(90deg, var(--cw-cyan), var(--cw-pink));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }

  .cow-feature-card{
    border-radius:20px;
    padding:1.8rem 1.6rem;
    background: rgba(255,255,255,.9);
    box-shadow:
      0 8px 20px rgba(15,30,60,.08),
      0 16px 46px rgba(15,30,60,.12);
    border:1px solid rgba(234,239,255,.9);
    height:100%;
    display:flex;
    flex-direction:column;
    gap:.85rem;
    transform:translateZ(0);
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .cow-feature-card:hover{
    transform:translateY(-4px);
    box-shadow:
      0 14px 34px rgba(15,30,60,.16),
      0 22px 60px rgba(15,30,60,.16);
    border-color:rgba(2,172,237,.35);
  }

  .cow-feature-head{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.65rem;
  }
  .cow-feature-icon-wrap{
    width:64px;
    height:64px;
    border-radius:18px;
    background:var(--tile-blue);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 24px rgba(15,30,60,.12);
  }
  .cow-feature-icon{
    width:40px;
    height:40px;
    object-fit:contain;
    display:block;
  }

  .cow-feature-title{
    font-size:1.35rem;
    font-weight:800;
    color:var(--ink-900);
  }
  .cow-feature-desc{
    font-size:1.02rem;
    line-height:1.9;
    color:var(--ink-700);
    margin:0;
  }

  
  @media (max-width:991.98px){
    .cow-teachers-hero{
      padding:2.4rem 2rem;
    }
    .cow-teachers-title{
      font-size:2.2rem;
    }
  }
  @media (max-width:767.98px){
    .cow-teachers-hero{
      padding:2.1rem 1.6rem;
    }
    .cow-teachers-title{
      font-size:2rem;
    }
    .cow-usecase-copy h3{
      font-size:1.8rem;
    }
  }
  .cow-inst-page{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(1200px 320px at -10% 0%, rgba(2,172,237,.10), transparent 60%),
      radial-gradient(1000px 260px at 110% -20%, rgba(234,5,139,.08), transparent 60%),
      #ffffff;
  }
  .cow-inst-page::before,
  .cow-inst-page::after{
    content:"";
    position:absolute;
    border-radius:50%;
    filter:blur(12px);
    opacity:.22;
    z-index:0;
  }
  .cow-inst-page::before{
    width:340px; height:340px;
    left:-140px; top:-120px;
    background: radial-gradient(circle at 30% 30%, rgba(2,172,237,0.35), transparent 70%);
  }
  .cow-inst-page::after{
    width:400px; height:400px;
    right:-150px; bottom:-130px;
    background: radial-gradient(circle at 70% 70%, rgba(234,5,139,0.3), transparent 70%);
  }

  
  .cow-inst-hero-wrap{
    position:relative;
    z-index:1;
  }
  .cow-inst-hero{
    border-radius:24px;
    padding:3rem 3.2rem;
    background:
      radial-gradient(circle at 0% 0%, rgba(2,172,237,.18), transparent 55%),
      radial-gradient(circle at 100% 0%, rgba(234,5,139,.16), transparent 55%),
      rgba(255,255,255,.92);
    box-shadow:
      0 18px 40px rgba(14,23,43,.20),
      0 0 0 1px rgba(255,255,255,.7);
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
  }

  .cow-inst-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.3rem .9rem;
    border-radius:999px;
    background:rgba(255,255,255,.8);
    box-shadow:0 6px 18px rgba(15,30,60,.12);
    font-size:.95rem;
    font-weight:600;
    color:var(--ink-700);
    margin-bottom:1rem;
  }
  .cow-inst-eyebrow span{
    width:8px; height:8px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--cw-cyan),var(--cw-pink));
  }

  .cow-inst-title{
    font-size:2.6rem;
    line-height:1.2;
    margin-bottom:1rem;
    font-weight:800;
    background: linear-gradient(90deg, var(--cw-cyan), var(--cw-pink), var(--cw-yellow));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .cow-inst-sub{
    font-size:1.25rem;
    line-height:1.7;
    color:var(--ink-700);
    margin-bottom:.75rem;
  }
  .cow-inst-body{
    font-size:1.05rem;
    line-height:1.9;
    color:var(--ink-700);
  }

  
  .cow-inst-hero-media{
    position:relative;
  }
  .cow-inst-blob{
    position:absolute;
    inset:-10px;
    color:#d7e9ff;
    opacity:.85;
    filter:drop-shadow(0 12px 30px rgba(15,30,60,.25));
  }
  .cow-inst-img-frame{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    background:#ffffff;
    box-shadow:
      0 10px 26px rgba(0,0,0,.08),
      0 20px 60px rgba(15,30,60,.20);
    transform:translateZ(0);
  }
  .cow-inst-img-frame img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }
  @media (max-width:991.98px){
    .cow-inst-hero{
      padding:2.4rem 2rem;
    }
    .cow-inst-title{
      font-size:2.2rem;
    }
  }
  @media (max-width:767.98px){
    .cow-inst-hero{
      padding:2.1rem 1.6rem;
    }
    .cow-inst-title{
      font-size:2rem;
    }
    .cow-usecase-copy h3{
      font-size:1.8rem;
    }
  }