:root{
      --navy:#0b2d68;
      --blue:#1248a4;
      --orange:#ff6a00;
      --green:#11843d;
      --purple:#6f2b91;
      --pink:#e91e63;
      --teal:#0b7f8f;
    }

    .prospectus{
      max-width:1120px;
      margin:24px auto;
      background:#fff;
      box-shadow:0 12px 35px rgba(0,0,0,.14);
      border-radius:24px;
      overflow:hidden;
    }

    .hero{
      position:relative;
      min-height:560px;
      padding:42px 42px 26px;
      background:
        linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 44%,rgba(255,255,255,.30) 72%,rgba(255,255,255,.08) 100%),
        url('https://placehold.co/1200x650/e7f1ff/103f78?text=BCA+Students+Working+on+Laptop') center/cover no-repeat;
    }

    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,transparent 74%,rgba(255,255,255,.98) 100%);
      pointer-events:none;
    }

    .hero-content{position:relative;z-index:2}

    .eyebrow{
      font-family:Georgia, serif;
      font-style:italic;
      font-size:1.5rem;
      color:var(--navy);
    }

    .title-small{
      font-weight:900;
      font-size:clamp(1.8rem,3vw,3rem);
      color:#111;
      margin-top:10px;
    }

    .title{
      font-weight:900;
      line-height:.9;
      letter-spacing:-2px;
      color:var(--navy);
      font-size:clamp(3.8rem,7vw,6.8rem);
      margin:0;
    }

    .title-sub{
      font-size:clamp(1.8rem,4vw,3.4rem);
      font-weight:900;
      color:var(--navy);
      line-height:1;
      margin-top:6px;
    }

    .title-sub .accent{color:var(--orange)}

    .program-badge{
      display:inline-block;
      margin-top:18px;
      background:var(--navy);
      color:#fff;
      padding:12px 24px;
      font-weight:800;
      border-radius:10px;
      border-left:7px solid var(--orange);
      border-right:7px solid var(--orange);
      letter-spacing:.4px;
    }

    .tagline{
      display:inline-block;
      margin-top:16px;
      padding:10px 16px;
      border:2px solid #cbd6e7;
      border-radius:10px;
      background:rgba(255,255,255,.92);
      font-size:1.05rem;
      font-weight:700;
    }

    .tagline .blue{color:var(--blue)}
    .tagline .orange{color:var(--orange)}

    .intro{
      margin-top:16px;
      max-width:565px;
      font-size:1.5rem;
      line-height:1.65;
    }

    .why-box{
      background:rgba(255,255,255,.97);
      border-radius:22px;
      padding:18px;
      box-shadow:0 12px 28px rgba(0,0,0,.18);
      max-width:320px;
      margin-left:auto;
    }

    .why-title{
      background:var(--navy);
      color:#fff;
      text-align:center;
      padding:10px;
      border-radius:12px;
      font-weight:900;
      margin-bottom:8px;
    }

    .why-item{
      display:flex;
      gap:11px;
      align-items:center;
      padding:9px 4px;
      font-size:1rem;
    }

    .icon-circle{
      width:38px;
      height:38px;
      border:2px solid var(--blue);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--blue);
      flex:0 0 38px;
    }

    .feature-strip{padding:0 28px 22px}

    .feature-card{
      height:100%;
      border:1px solid #ccd7ea;
      border-radius:16px;
      padding:18px;
      display:flex;
      gap:14px;
      align-items:center;
      background:#fff;
       font-size:1rem;
    }

    .feature-card .big-icon{
      width:62px;
      height:62px;
      flex:0 0 62px;
      border-radius:50%;
      background:var(--navy);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:1rem;
    }

    .info-bar{
      margin:0 28px 22px;
      background:linear-gradient(90deg,#082f72,#061f51);
      color:#fff;
      border-radius:18px;
      padding:20px;
    }

    .info-item{
      display:flex;
      gap:14px;
      align-items:flex-start;
      height:100%;
      padding:4px 8px;
    }

    .info-item .big-icon{
      width:72px;
      height:72px;
      flex:0 0 72px;
      border-radius:50%;
      border:2px solid #fff;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#fff;
      color:var(--navy);
      font-size:1.7rem;
    }

    .info-item h5{
      color:#ffd000;
      font-weight:900;
      margin:2px 0 6px;
    }

    .syllabus{padding:0 20px 20px}

    .section-title{
      text-align:center;
      margin:10px 0 22px;
    }

    .section-title span{
      display:inline-block;
      background:var(--navy);
      color:#fff;
      font-weight:900;
      font-size:1.8rem;
      padding:8px 34px;
      border-radius:12px;
    }

    .semester-card{
      border:2px solid #d8dfec;
      border-radius:22px;
      overflow:hidden;
      height:100%;
      background:#fff;
      box-shadow:0 8px 18px rgba(23,47,89,.06);
    }

    .semester-head{
      color:#fff;
      font-weight:900;
      text-align:center;
      padding:10px;
      font-size:1.2rem;
    }

    .sem1{background:var(--blue)}
    .sem2{background:var(--green)}
    .sem3{background:var(--purple)}
    .sem4{background:var(--pink)}
    .sem5{background:var(--orange)}
    .sem6{background:var(--teal)}

    .table{margin:0}
    .table th{
      background:#edf2fa;
      color:#102c5c;
      font-size:1.5rem;
      text-align:center;
      vertical-align:middle;
    }

    .table td{
      font-size:1.5rem;
      vertical-align:middle;
      padding:.58rem .42rem;
    }

    .table td:first-child,
    .table td:nth-child(2){
      text-align:center;
      white-space:nowrap;
    }

    .admission-footer{
      margin:0 20px 20px;
      display:grid;
      grid-template-columns:230px 1fr;
      gap:18px;
      align-items:center;
    }

    .admission-box{
      background:var(--navy);
      color:#fff;
      border-radius:18px;
      padding:18px;
      text-align:center;
    }

    .admission-box .open{
      font-size:2.5rem;
      line-height:.9;
      color:#ffd000;
      font-weight:900;
    }

    .admission-box .enroll{
      display:inline-block;
      margin-top:10px;
      background:#ed1c24;
      padding:8px 16px;
      border-radius:8px;
      font-weight:900;
    }

    .contact-box{
      display:grid;
      grid-template-columns:1fr 260px;
      gap:18px;
      align-items:center;
    }

    .contact-line{
      display:flex;
      gap:12px;
      align-items:center;
      margin:9px 0;
      font-size:1.3rem;
    }

    .contact-line i{
      width:34px;
      height:34px;
      border-radius:50%;
      background:var(--navy);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      flex:0 0 34px;
    }

    .quote{
      text-align:center;
      font-family:Georgia, serif;
      font-style:italic;
      color:var(--navy);
      font-size:1.35rem;
    }

    .brand-footer{
      background:var(--navy);
      color:#fff;
      padding:18px 30px;
    }

    .brand-name{font-size:1.35rem;font-weight:900}
    .brand-tag{color:#ffd000}

    @media (max-width:991px){
      .why-box{margin:24px 0 0;max-width:none}
      .hero{background-position:center right}
    }

    @media (max-width:767px){
      .hero{padding:30px 20px}
      .feature-strip{padding:0 16px 16px}
      .info-bar{margin:0 16px 16px}
      .admission-footer{grid-template-columns:1fr;margin:0 16px 16px}
      .contact-box{grid-template-columns:1fr}
      .title{font-size:3.9rem}
      .title-sub{font-size:2rem}
    }

    @media print{
      body{background:#fff}
      .prospectus{margin:0;box-shadow:none;border-radius:0;max-width:none}
    }