/* =============================================================
   DEGREE PAGE — PREMIUM CREATIVE ENHANCEMENT
   SAME VARIN PALETTE ONLY: blue / blue-2 / gold / light / white
   No new image dependencies.
============================================================= */

.degree-official-page{
  background:
    radial-gradient(circle at 3% 11%,rgba(13,77,156,.055),transparent 22%),
    radial-gradient(circle at 96% 31%,rgba(245,158,11,.050),transparent 20%),
    radial-gradient(circle at 5% 73%,rgba(10,47,102,.045),transparent 21%),
    var(--white);
}

/* -------- HERO -------- */
.degree-official-page .degree-main-hero{
  min-height:620px;
  display:flex;
  align-items:center;
  padding:78px 0 84px;
  background:
    radial-gradient(circle at 82% 18%,rgba(245,158,11,.31),transparent 22%),
    radial-gradient(circle at 63% 86%,rgba(255,255,255,.08),transparent 25%),
    linear-gradient(122deg,var(--brand-blue) 0%,var(--brand-blue-2) 72%,var(--brand-blue) 100%);
  background-size:145% 145%;
  animation:degreeHeroFlow 13s ease-in-out infinite alternate;
}
@keyframes degreeHeroFlow{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}
.degree-official-page .degree-hero-pattern{
  opacity:.16;
  background-image:
    radial-gradient(rgba(255,255,255,.35) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:22px 22px,58px 58px,58px 58px;
}
.degree-official-page .degree-circle-one{
  animation:degreeCirclePulse 6s ease-in-out infinite alternate;
}
.degree-official-page .degree-circle-two{
  box-shadow:0 0 0 28px rgba(245,158,11,.035);
  animation:degreeCircleFloat 7s ease-in-out infinite;
}
@keyframes degreeCirclePulse{
  from{transform:scale(.94) rotate(0deg)}
  to{transform:scale(1.05) rotate(7deg)}
}
@keyframes degreeCircleFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
.degree-official-page .degree-eyebrow{
  padding:.43rem .72rem;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(9px);
}
.degree-official-page .degree-main-hero h1{
  font-size:clamp(3.3rem,6vw,6rem);
  text-shadow:0 14px 35px rgba(0,0,0,.16);
}
.degree-official-page .degree-main-hero h1 span{
  position:relative;
  display:inline-block;
  background:linear-gradient(90deg,var(--brand-gold),#ffe3a0,#fff5d8,var(--brand-gold));
  background-size:240% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:degreeGoldSweep 7s linear infinite;
}
@keyframes degreeGoldSweep{to{background-position:240% center}}
.degree-official-page .degree-affiliation-line span{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.degree-official-page .degree-hero-panel{
  border-radius:30px;
  box-shadow:0 28px 70px rgba(3,19,48,.24);
}
.degree-official-page .degree-program-link{
  position:relative;
  overflow:hidden;
}
.degree-official-page .degree-program-link::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:4px;
  background:var(--brand-gold);
  opacity:.9;
}
.degree-official-page .degree-program-link:hover{
  transform:translateX(5px) translateY(-2px);
  box-shadow:0 12px 25px rgba(0,0,0,.10);
}

/* -------- QUICK NAV -------- */
.degree-official-page .degree-quick-nav{
  margin-top:-32px;
}
.degree-official-page .degree-quick-nav-inner{
  border-radius:25px;
  padding:.72rem;
  box-shadow:0 20px 46px rgba(10,47,102,.12);
}
.degree-official-page .degree-quick-nav a{
  min-height:62px;
  position:relative;
  overflow:hidden;
}
.degree-official-page .degree-quick-nav a::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:var(--brand-gold);
  transform:scaleX(0);
  transform-origin:center;
  transition:.3s ease;
}
.degree-official-page .degree-quick-nav a:hover::after{transform:scaleX(1)}

/* -------- MOTION RIBBON -------- */
.degree-official-page .degree-motion-ribbon{
  margin-top:24px;
  overflow:hidden;
  background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-2),var(--brand-blue));
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.degree-official-page .degree-motion-track{
  width:max-content;
  min-width:120%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.15rem;
  padding:.82rem 2rem;
  color:#fff;
  font-size:.69rem;
  font-weight:800;
  letter-spacing:.08em;
  animation:degreeRibbon 25s ease-in-out infinite alternate;
}
.degree-official-page .degree-motion-track i{color:var(--brand-gold);margin-right:.25rem}
.degree-official-page .degree-motion-track b{color:rgba(255,255,255,.32)}
@keyframes degreeRibbon{
  from{transform:translateX(5%)}
  to{transform:translateX(-10%)}
}

/* -------- SECTION TITLES -------- */
.degree-official-page .degree-section{
  position:relative;
}
.degree-official-page .degree-section-heading>span{
  display:inline-flex;
  padding:.36rem .65rem;
  border-radius:999px;
  background:rgba(13,77,156,.07);
  border:1px solid rgba(13,77,156,.08);
}
.degree-official-page .degree-section-heading h2{
  position:relative;
}
.degree-official-page .degree-section-heading h2::after{
  content:"";
  display:block;
  width:64px;height:4px;border-radius:999px;
  background:linear-gradient(90deg,var(--brand-blue-2),var(--brand-gold));
  margin-top:.75rem;
}
.degree-official-page .degree-section-heading.text-center h2::after{
  margin-left:auto;margin-right:auto;
}

/* -------- ABOUT / PILLARS -------- */
.degree-official-page .degree-about-copy{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 10%,rgba(245,158,11,.10),transparent 23%),
    var(--brand-light);
  box-shadow:0 14px 34px rgba(10,47,102,.07);
}
.degree-official-page .degree-about-copy::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(var(--brand-blue-2),var(--brand-gold));
}
.degree-official-page .degree-pillar{
  position:relative;
  overflow:hidden;
  transition:.35s ease;
}
.degree-official-page .degree-pillar::after{
  content:"";
  position:absolute;
  width:115px;height:115px;border-radius:50%;
  right:-55px;bottom:-60px;background:rgba(13,77,156,.055);
}
.degree-official-page .degree-pillar:nth-child(even)::after{background:rgba(245,158,11,.085)}
.degree-official-page .degree-pillar:hover{
  transform:translateY(-7px);
  box-shadow:0 22px 42px rgba(10,47,102,.12);
}

/* -------- COURSES -------- */
.degree-official-page .degree-light-section{
  background:
    radial-gradient(circle at 7% 14%,rgba(13,77,156,.055),transparent 22%),
    radial-gradient(circle at 93% 80%,rgba(245,158,11,.060),transparent 22%),
    var(--brand-light);
}
.degree-official-page .degree-course-block{
  position:relative;
  overflow:hidden;
  padding:1.7rem;
  transition:.4s ease;
}
.degree-official-page .degree-course-block::before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;height:6px;
  background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-2),var(--brand-gold));
}
.degree-official-page .degree-course-block::after{
  content:"";
  position:absolute;
  width:210px;height:210px;border-radius:50%;
  right:-105px;bottom:-120px;
  background:radial-gradient(circle,rgba(245,158,11,.085),transparent 68%);
  pointer-events:none;
}
.degree-official-page .degree-course-block:hover{
  transform:translateY(-6px);
  box-shadow:0 27px 58px rgba(10,47,102,.12);
}
.degree-official-page .degree-course-code{
  box-shadow:0 13px 26px rgba(10,47,102,.18);
}
.degree-official-page .degree-course-block:nth-of-type(even) .degree-course-code{
  box-shadow:0 13px 26px rgba(245,158,11,.20);
}
.degree-official-page .degree-course-inner-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(145deg,#fff,var(--brand-light));
  border:1px solid rgba(10,47,102,.06);
}
.degree-official-page .degree-chip-list span{
  transition:.25s ease;
}
.degree-official-page .degree-chip-list span:hover{
  background:var(--brand-blue);
  color:#fff;
  transform:translateY(-2px);
}
.degree-official-page .degree-syllabus-highlight{
  background:
    radial-gradient(circle at 88% 20%,rgba(245,158,11,.13),transparent 24%),
    linear-gradient(120deg,var(--brand-blue),var(--brand-blue-2));
  box-shadow:0 14px 30px rgba(10,47,102,.11);
}

/* -------- PROFESSIONAL SUPPORT -------- */
.degree-official-page .degree-support-card{
  position:relative;
  overflow:hidden;
}
.degree-official-page .degree-support-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:5px;
  background:var(--brand-blue);
}
.degree-official-page .degree-support-card:nth-child(even)::before{background:var(--brand-gold)}
.degree-official-page .degree-support-card::after{
  content:"";
  position:absolute;
  width:135px;height:135px;border-radius:50%;
  right:-70px;bottom:-75px;
  background:rgba(13,77,156,.055);
}
.degree-official-page .degree-support-card:nth-child(even)::after{background:rgba(245,158,11,.08)}

/* -------- INDUSTRY -------- */
.degree-official-page .degree-industry-item{
  transition:.3s ease;
}
.degree-official-page .degree-industry-item:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 30px rgba(10,47,102,.10);
}
.degree-official-page .degree-integrated-learning{
  padding:1.35rem;
  background:
    radial-gradient(circle at 90% 15%,rgba(245,158,11,.17),transparent 22%),
    linear-gradient(120deg,var(--brand-blue),var(--brand-blue-2));
  box-shadow:0 18px 38px rgba(10,47,102,.12);
}

/* -------- CAREER / PLACEMENT -------- */
.degree-official-page .degree-career-panel{
  position:relative;
  overflow:hidden;
  transition:.35s ease;
}
.degree-official-page .degree-career-panel::after{
  content:"";
  position:absolute;
  width:170px;height:170px;border-radius:50%;
  right:-85px;bottom:-95px;
  background:rgba(13,77,156,.05);
}
.degree-official-page .degree-blue-panel::after{
  background:rgba(245,158,11,.07);
}
.degree-official-page .degree-career-panel:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 44px rgba(10,47,102,.12);
}
.degree-official-page .degree-career-growth{
  border-left:5px solid var(--brand-gold);
}

/* -------- DEVELOPMENT -------- */
.degree-official-page .degree-development-card{
  position:relative;
  overflow:hidden;
  transition:.35s ease;
}
.degree-official-page .degree-development-card::before{
  content:"";
  position:absolute;left:0;top:0;right:0;height:4px;background:var(--brand-blue);
}
.degree-official-page .degree-development-card:nth-child(even)::before{background:var(--brand-gold)}
.degree-official-page .degree-development-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(10,47,102,.11);
}

/* -------- CAREER-READY BAND -------- */
.degree-official-page .degree-career-ready-section{
  padding:6px 0 58px;
}
.degree-official-page .degree-career-ready{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:1.25rem;
  align-items:center;
  padding:1.7rem 1.9rem 2.3rem;
  border-radius:28px;
  color:#fff;
  background:
    radial-gradient(circle at 87% 18%,rgba(245,158,11,.22),transparent 23%),
    linear-gradient(120deg,var(--brand-blue),var(--brand-blue-2));
  box-shadow:0 22px 50px rgba(10,47,102,.16);
}
.degree-official-page .degree-career-ready::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.055),transparent);
  transform:translateX(-100%);
  animation:degreeReadyShine 7s ease-in-out infinite;
}
@keyframes degreeReadyShine{
  0%,72%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}
.degree-official-page .degree-ready-badge{
  position:relative;z-index:1;
  width:72px;height:72px;border-radius:22px;
  display:grid;place-items:center;
  background:var(--brand-gold);color:var(--brand-blue);
  font-size:1.5rem;
}
.degree-official-page .degree-ready-copy{position:relative;z-index:1}
.degree-official-page .degree-ready-copy>span{
  color:var(--brand-gold);font-size:.67rem;font-weight:800;letter-spacing:.13em;
}
.degree-official-page .degree-ready-copy h2{
  font-size:clamp(1.5rem,2.8vw,2.4rem);
  font-weight:800;letter-spacing:-.035em;margin:.25rem 0 .45rem;
}
.degree-official-page .degree-ready-copy p{
  color:rgba(255,255,255,.76);font-size:.8rem;line-height:1.6;margin:0;
}
.degree-official-page .degree-ready-metrics{
  position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;
}
.degree-official-page .degree-ready-metrics div{
  min-width:105px;padding:.75rem .6rem;text-align:center;border-radius:16px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);
}
.degree-official-page .degree-ready-metrics strong{
  display:block;color:var(--brand-gold);font-size:1.25rem;
}
.degree-official-page .degree-ready-metrics span{
  display:block;color:rgba(255,255,255,.70);font-size:.61rem;line-height:1.3;
}
.degree-official-page .degree-career-ready>small{
  position:absolute;left:1.9rem;bottom:.65rem;color:rgba(255,255,255,.52);
  font-size:.58rem;
}

/* -------- WHY VARIN -------- */
.degree-official-page .degree-readiness-badge{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 10%,rgba(245,158,11,.18),transparent 25%),
    linear-gradient(120deg,var(--brand-blue),var(--brand-blue-2));
}
.degree-official-page .degree-why-grid span{
  transition:.25s ease;
}
.degree-official-page .degree-why-grid span:hover{
  transform:translateX(5px);
  background:#fff;
  box-shadow:0 10px 22px rgba(10,47,102,.08);
}

/* -------- FINAL CTA -------- */
.degree-official-page .degree-final-card{
  position:relative;
  overflow:hidden;
  padding:1.85rem 2rem;
  background:
    radial-gradient(circle at 87% 12%,rgba(245,158,11,.23),transparent 23%),
    linear-gradient(120deg,var(--brand-blue),var(--brand-blue-2));
}
.degree-official-page .degree-final-card::after{
  content:"";
  position:absolute;
  width:240px;height:240px;border-radius:50%;
  right:-120px;bottom:-145px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 0 0 48px rgba(255,255,255,.022);
}
.degree-official-page .degree-final-icon,
.degree-official-page .degree-final-actions,
.degree-official-page .degree-final-card>div:nth-child(2){
  position:relative;z-index:1;
}

/* -------- RESPONSIVE -------- */
@media(max-width:991.98px){
  .degree-official-page .degree-main-hero{min-height:auto}
  .degree-official-page .degree-career-ready{
    grid-template-columns:auto 1fr;
  }
  .degree-official-page .degree-ready-metrics{
    grid-column:1/-1;
  }
}
@media(max-width:767.98px){
  .degree-official-page .degree-motion-track{
    animation-duration:20s;
  }
  .degree-official-page .degree-career-ready{
    grid-template-columns:1fr;
    padding:1.5rem 1.4rem 2.5rem;
  }
  .degree-official-page .degree-ready-metrics{
    grid-template-columns:1fr 1fr 1fr;
  }
  .degree-official-page .degree-career-ready>small{
    left:1.4rem;
  }
}
@media(max-width:575.98px){
  .degree-official-page .degree-ready-metrics{
    grid-template-columns:1fr;
  }
}
@media(prefers-reduced-motion:reduce){
  .degree-official-page .degree-main-hero,
  .degree-official-page .degree-main-hero h1 span,
  .degree-official-page .degree-circle-one,
  .degree-official-page .degree-circle-two,
  .degree-official-page .degree-motion-track,
  .degree-official-page .degree-career-ready::before{
    animation:none !important;
  }
}


/* ==========================================================
   VARIN DEGREE COLLEGE
   SAME WEBSITE COLOUR PALETTE ONLY:
   --brand-blue, --brand-blue-2, --brand-gold, --brand-light,
   --text, --muted, --white
========================================================== */

.degree-official-page{
  background:var(--white);
  color:var(--text);
  overflow:hidden;
}

/* HERO */
.degree-official-page .degree-main-hero{
  position:relative;
  overflow:hidden;
  padding:82px 0 88px;
  color:var(--white);
  background:
    radial-gradient(circle at 86% 18%,rgba(245,158,11,.22),transparent 22%),
    linear-gradient(125deg,var(--brand-blue),var(--brand-blue-2));
}
.degree-official-page .degree-hero-pattern{
  position:absolute;
  inset:0;
  opacity:.12;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to right,transparent,#000 52%,#000);
}
.degree-official-page .degree-hero-circle{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
}
.degree-official-page .degree-circle-one{
  width:390px;height:390px;right:-150px;top:-165px;
  box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(245,158,11,.025);
}
.degree-official-page .degree-circle-two{
  width:165px;height:165px;right:29%;bottom:-100px;border-color:rgba(245,158,11,.22);
}
.degree-official-page .degree-eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;
  color:rgba(255,255,255,.86);font-size:.72rem;font-weight:800;letter-spacing:.14em;
  margin-bottom:1rem;
}
.degree-official-page .degree-main-hero h1{
  font-size:clamp(3rem,5.8vw,5.5rem);
  line-height:.97;letter-spacing:-.055em;font-weight:800;
  max-width:900px;margin-bottom:1.1rem;
}
.degree-official-page .degree-main-hero h1 span{color:var(--brand-gold)}
.degree-official-page .degree-hero-lead{
  max-width:760px;color:rgba(255,255,255,.80);line-height:1.75;font-size:1.02rem;
}
.degree-official-page .degree-affiliation-line{
  display:flex;gap:.75rem;flex-wrap:wrap;margin:1.1rem 0 0;
}
.degree-official-page .degree-affiliation-line span{
  display:inline-flex;gap:.4rem;align-items:center;
  padding:.42rem .7rem;border-radius:999px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);font-size:.72rem;font-weight:700;
}
.degree-official-page .degree-affiliation-line i{color:var(--brand-gold)}
.degree-official-page .degree-hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.55rem}
.degree-official-page .degree-primary-btn,
.degree-official-page .degree-outline-btn{
  border-radius:999px;padding:.86rem 1.25rem;font-weight:800;transition:.3s ease;
}
.degree-official-page .degree-primary-btn{
  background:var(--brand-gold);border-color:var(--brand-gold);color:var(--brand-blue);
}
.degree-official-page .degree-primary-btn:hover{background:var(--white);border-color:var(--white);color:var(--brand-blue);transform:translateY(-2px)}
.degree-official-page .degree-outline-btn{
  color:var(--white);border:1px solid rgba(255,255,255,.30);background:rgba(255,255,255,.06);
}
.degree-official-page .degree-outline-btn:hover{background:var(--white);color:var(--brand-blue)}

.degree-official-page .degree-hero-panel{
  padding:1.1rem;border-radius:26px;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);
  box-shadow:0 20px 50px rgba(10,47,102,.22);
}
.degree-official-page .degree-hero-panel-title{
  display:flex;gap:.8rem;align-items:center;padding:.3rem .25rem .9rem;
}
.degree-official-page .degree-hero-panel-title>i{
  flex:0 0 52px;width:52px;height:52px;border-radius:16px;
  display:grid;place-items:center;background:var(--brand-gold);color:var(--brand-blue);
}
.degree-official-page .degree-hero-panel-title small{
  display:block;color:rgba(255,255,255,.68);font-size:.62rem;font-weight:800;letter-spacing:.12em;
}
.degree-official-page .degree-hero-panel-title strong{display:block;margin-top:.1rem}
.degree-official-page .degree-program-link{
  display:flex;align-items:center;justify-content:space-between;gap:.7rem;
  padding:.82rem .9rem;margin-top:.5rem;border-radius:15px;text-decoration:none;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);
  color:#fff;transition:.3s ease;
}
.degree-official-page .degree-program-link:hover{background:rgba(245,158,11,.14);transform:translateX(4px)}
.degree-official-page .degree-program-link b{display:block}
.degree-official-page .degree-program-link small{display:block;color:rgba(255,255,255,.62);font-size:.65rem;margin-top:.1rem}

/* QUICK NAV */
.degree-official-page .degree-quick-nav{position:relative;z-index:4;margin-top:-27px}
.degree-official-page .degree-quick-nav-inner{
  display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;
  padding:.65rem;border-radius:22px;background:var(--white);
  border:1px solid rgba(10,47,102,.08);box-shadow:0 15px 36px rgba(10,47,102,.10);
}
.degree-official-page .degree-quick-nav a{
  display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem .6rem;
  border-radius:15px;text-decoration:none;background:var(--brand-light);color:var(--brand-blue);
  font-size:.73rem;font-weight:800;transition:.3s ease;
}
.degree-official-page .degree-quick-nav a:hover{background:var(--brand-blue);color:var(--white);transform:translateY(-3px)}
.degree-official-page .degree-quick-nav i{color:var(--brand-gold)}

/* GENERAL */
.degree-official-page .degree-section{padding:70px 0}
.degree-official-page .degree-light-section{background:var(--brand-light)}
.degree-official-page .degree-section-heading{max-width:820px;margin-bottom:1.8rem}
.degree-official-page .degree-section-heading>span,
.degree-official-page .degree-small-label{
  color:var(--brand-blue-2);font-size:.69rem;font-weight:800;letter-spacing:.14em;
}
.degree-official-page .degree-section-heading h2{
  color:var(--brand-blue);font-size:clamp(2.15rem,3.8vw,3.7rem);
  font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:.42rem 0 .7rem;
}
.degree-official-page .degree-section-heading p{color:var(--muted);line-height:1.7;margin:0}
.degree-official-page .degree-about-copy{
  padding:1.5rem;border-radius:24px;background:var(--brand-light);border:1px solid rgba(10,47,102,.07)
}
.degree-official-page .degree-about-copy p{color:var(--muted);line-height:1.7}

/* FOUR PILLARS */
.degree-official-page .degree-four-pillars{
  display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;
}
.degree-official-page .degree-pillar{
  min-height:180px;padding:1.2rem;border-radius:20px;background:var(--white);
  border:1px solid rgba(10,47,102,.08);box-shadow:0 10px 25px rgba(10,47,102,.06);
}
.degree-official-page .degree-pillar i{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:var(--brand-blue);color:var(--white);margin-bottom:.8rem;
}
.degree-official-page .degree-pillar:nth-child(even) i{background:var(--brand-gold);color:var(--brand-blue)}
.degree-official-page .degree-pillar strong{display:block;color:var(--brand-blue);font-size:.9rem}
.degree-official-page .degree-pillar span{display:block;color:var(--muted);font-size:.75rem;line-height:1.55;margin-top:.3rem}

/* COURSE BLOCKS */
.degree-official-page .degree-course-block{
  padding:1.6rem;margin-top:1.3rem;border-radius:27px;background:var(--white);
  border:1px solid rgba(10,47,102,.08);box-shadow:0 14px 34px rgba(10,47,102,.07);
  scroll-margin-top:110px;
}
.degree-official-page .degree-course-top{
  display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;
  padding-bottom:1.15rem;margin-bottom:1.15rem;border-bottom:1px solid rgba(10,47,102,.08);
}
.degree-official-page .degree-course-code{
  min-width:72px;height:72px;padding:0 .8rem;border-radius:20px;display:grid;place-items:center;
  background:var(--brand-blue);color:var(--white);font-weight:800;font-size:.9rem;
}
.degree-official-page .degree-course-block:nth-of-type(even) .degree-course-code{
  background:var(--brand-gold);color:var(--brand-blue);
}
.degree-official-page .degree-course-top h3{
  color:var(--brand-blue);font-size:1.35rem;font-weight:800;margin:.25rem 0 0;
}
.degree-official-page .degree-course-block p{color:var(--muted);line-height:1.68}
.degree-official-page .degree-course-block h4{color:var(--brand-blue);font-size:.95rem;font-weight:800;margin-bottom:.65rem}
.degree-official-page .degree-pdf-btn{
  border-radius:999px;background:var(--brand-blue);color:var(--white);
  font-size:.74rem;font-weight:800;padding:.72rem .95rem;white-space:nowrap;
}
.degree-official-page .degree-pdf-btn:hover{background:var(--brand-gold);color:var(--brand-blue)}
.degree-official-page .degree-chip-list{display:flex;flex-wrap:wrap;gap:.45rem}
.degree-official-page .degree-chip-list span{
  padding:.38rem .62rem;border-radius:999px;background:var(--brand-light);
  color:var(--brand-blue);font-size:.69rem;font-weight:700;border:1px solid rgba(10,47,102,.06);
}
.degree-official-page .degree-chip-list.compact span{font-size:.67rem}
.degree-official-page .degree-course-inner-card{
  height:100%;padding:1.2rem;border-radius:18px;background:var(--brand-light);
}
.degree-official-page .degree-opportunity-line{
  color:var(--brand-blue);font-weight:800;font-size:.8rem;line-height:1.65;
}
.degree-official-page .degree-check-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.degree-official-page .degree-check-list li{display:flex;gap:.5rem;color:var(--muted);font-size:.78rem;line-height:1.5}
.degree-official-page .degree-check-list i{color:var(--brand-gold);margin-top:.08rem}
.degree-official-page .degree-syllabus-highlight{
  display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:1rem;border-radius:17px;
  background:var(--brand-blue);color:rgba(255,255,255,.82);
}
.degree-official-page .degree-syllabus-highlight span{
  padding:.7rem;border-radius:12px;background:rgba(255,255,255,.07);font-size:.75rem;line-height:1.55;
}
.degree-official-page .degree-syllabus-highlight b{color:var(--brand-gold)}

/* SUPPORT CARDS */
.degree-official-page .degree-support-card{
  height:100%;min-height:280px;padding:1.35rem;border-radius:22px;background:var(--white);
  border:1px solid rgba(10,47,102,.08);box-shadow:0 12px 30px rgba(10,47,102,.07);
  transition:.3s ease;
}
.degree-official-page .degree-support-card:hover{transform:translateY(-6px);box-shadow:0 20px 38px rgba(10,47,102,.11)}
.degree-official-page .degree-support-icon{
  width:56px;height:56px;border-radius:17px;display:grid;place-items:center;
  background:var(--brand-blue);color:#fff;font-size:1.2rem;margin-bottom:1rem;
}
.degree-official-page .degree-support-card:nth-child(even) .degree-support-icon{
  background:var(--brand-gold);color:var(--brand-blue);
}
.degree-official-page .degree-support-card h3{color:var(--brand-blue);font-size:1rem;font-weight:800}
.degree-official-page .degree-support-card p{color:var(--muted);font-size:.79rem;line-height:1.65;margin:0}

/* INDUSTRY */
.degree-official-page .degree-industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.degree-official-page .degree-industry-item{
  display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border-radius:18px;background:var(--white);
  border:1px solid rgba(10,47,102,.07);box-shadow:0 8px 22px rgba(10,47,102,.05);
}
.degree-official-page .degree-industry-item>i{
  flex:0 0 43px;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;
  background:var(--brand-blue);color:#fff;
}
.degree-official-page .degree-industry-item:nth-child(even)>i{background:var(--brand-gold);color:var(--brand-blue)}
.degree-official-page .degree-industry-item strong{display:block;color:var(--brand-blue);font-size:.82rem}
.degree-official-page .degree-industry-item span{display:block;color:var(--muted);font-size:.7rem;line-height:1.45;margin-top:.13rem}
.degree-official-page .degree-integrated-learning{
  margin-top:1.3rem;padding:1.25rem;border-radius:20px;background:var(--brand-blue);color:#fff;
}
.degree-official-page .degree-integrated-learning>span{
  display:block;color:var(--brand-gold);font-size:.66rem;font-weight:800;letter-spacing:.13em;margin-bottom:.75rem;
}
.degree-official-page .degree-integrated-learning>div{
  display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;
}
.degree-official-page .degree-integrated-learning b{
  padding:.35rem .55rem;border-radius:999px;background:rgba(255,255,255,.08);font-size:.67rem;
}
.degree-official-page .degree-integrated-learning i{color:var(--brand-gold);font-size:.7rem}

/* CAREER */
.degree-official-page .degree-career-panel{
  height:100%;padding:1.55rem;border-radius:25px;background:var(--brand-light);
  border:1px solid rgba(10,47,102,.07);
}
.degree-official-page .degree-blue-panel{background:var(--brand-blue);color:#fff}
.degree-official-page .degree-card-icon{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  background:var(--brand-blue);color:#fff;font-size:1.25rem;margin-bottom:1rem;
}
.degree-official-page .degree-blue-panel .degree-card-icon{background:var(--brand-gold);color:var(--brand-blue)}
.degree-official-page .degree-career-panel h3{color:var(--brand-blue);font-size:1.45rem;font-weight:800;margin:.35rem 0 .75rem}
.degree-official-page .degree-career-panel p{color:var(--muted);line-height:1.65}
.degree-official-page .degree-blue-panel .degree-small-label{color:var(--brand-gold)}
.degree-official-page .degree-blue-panel h3{color:#fff}
.degree-official-page .degree-blue-panel p{color:rgba(255,255,255,.75)}
.degree-official-page .degree-career-list{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.degree-official-page .degree-career-list span{
  display:flex;gap:.4rem;align-items:flex-start;color:var(--muted);font-size:.73rem;line-height:1.4
}
.degree-official-page .degree-career-list i{color:var(--brand-gold);margin-top:.08rem}
.degree-official-page .degree-blue-panel .degree-career-list span{color:rgba(255,255,255,.78)}
.degree-official-page .degree-career-growth{
  display:flex;gap:1rem;align-items:flex-start;padding:1.3rem;border-radius:20px;
  background:var(--white);border:1px solid rgba(10,47,102,.08);box-shadow:0 10px 25px rgba(10,47,102,.06);
}
.degree-official-page .degree-career-growth-icon{
  flex:0 0 57px;width:57px;height:57px;border-radius:17px;display:grid;place-items:center;
  background:var(--brand-gold);color:var(--brand-blue);font-size:1.2rem;
}
.degree-official-page .degree-career-growth span{
  color:var(--brand-blue-2);font-size:.67rem;font-weight:800;letter-spacing:.12em;
}
.degree-official-page .degree-career-growth h3{color:var(--brand-blue);font-size:1.15rem;font-weight:800;margin:.25rem 0 .45rem}
.degree-official-page .degree-career-growth p{color:var(--muted);font-size:.8rem;line-height:1.6}

/* DEVELOPMENT */
.degree-official-page .degree-development-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.degree-official-page .degree-development-card{
  min-height:245px;padding:1.25rem;border-radius:20px;background:#fff;
  border:1px solid rgba(10,47,102,.08);box-shadow:0 10px 26px rgba(10,47,102,.06);
}
.degree-official-page .degree-development-card>i{
  width:49px;height:49px;border-radius:15px;display:grid;place-items:center;
  background:var(--brand-blue);color:#fff;font-size:1.05rem;margin-bottom:.8rem;
}
.degree-official-page .degree-development-card:nth-child(even)>i{
  background:var(--brand-gold);color:var(--brand-blue);
}
.degree-official-page .degree-development-card h3{color:var(--brand-blue);font-size:.93rem;font-weight:800}
.degree-official-page .degree-development-card p{color:var(--muted);font-size:.74rem;line-height:1.55;margin:0}

/* WHY VARIN */
.degree-official-page .degree-readiness-badge{
  padding:1.1rem;border-radius:18px;background:var(--brand-blue);color:#fff;
}
.degree-official-page .degree-readiness-badge strong{display:block;color:var(--brand-gold);font-size:.72rem;letter-spacing:.1em}
.degree-official-page .degree-readiness-badge span{display:block;color:rgba(255,255,255,.77);font-size:.75rem;line-height:1.55;margin-top:.3rem}
.degree-official-page .degree-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.degree-official-page .degree-why-grid span{
  display:flex;gap:.45rem;align-items:flex-start;padding:.72rem .8rem;border-radius:15px;
  background:var(--brand-light);color:var(--text);font-size:.75rem;font-weight:700;
}
.degree-official-page .degree-why-grid i{color:var(--brand-gold);margin-top:.05rem}

/* FINAL */
.degree-official-page .degree-final-section{padding:5px 0 45px}
.degree-official-page .degree-final-card{
  display:grid;grid-template-columns:auto 1fr auto;gap:1.15rem;align-items:center;
  padding:1.7rem 1.9rem;border-radius:26px;background:var(--brand-blue);color:#fff;
  box-shadow:0 18px 40px rgba(10,47,102,.14);
}
.degree-official-page .degree-final-icon{
  width:70px;height:70px;border-radius:21px;display:grid;place-items:center;
  background:var(--brand-gold);color:var(--brand-blue);font-size:1.45rem;
}
.degree-official-page .degree-final-card>div:nth-child(2)>span{
  color:var(--brand-gold);font-size:.67rem;font-weight:800;letter-spacing:.12em;
}
.degree-official-page .degree-final-card h2{font-size:clamp(1.65rem,3vw,2.45rem);font-weight:800;margin:.2rem 0 .35rem}
.degree-official-page .degree-final-card p{color:rgba(255,255,255,.76);font-size:.78rem;margin:0 0 .25rem}
.degree-official-page .degree-final-card small{color:rgba(255,255,255,.58)}
.degree-official-page .degree-final-actions{text-align:right;position:relative;z-index:1}
.degree-official-page .degree-final-btn{
  border-radius:999px;background:#fff;color:var(--brand-blue);font-weight:800;padding:.78rem 1.05rem;
}
.degree-official-page .degree-final-btn:hover{background:var(--brand-gold);color:var(--brand-blue)}
.degree-official-page .degree-final-actions>span{
  display:block;color:rgba(255,255,255,.72);font-size:.68rem;margin-top:.55rem;white-space:nowrap;
}

/* ANCHOR OFFSET */
.degree-official-page #courses,
.degree-official-page #professional-support,
.degree-official-page #industry,
.degree-official-page #placements,
.degree-official-page #why-varin,
.degree-official-page #bcom,
.degree-official-page #bba,
.degree-official-page #bca{scroll-margin-top:110px}

/* RESPONSIVE */
@media(max-width:1199.98px){
  .degree-official-page .degree-development-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:991.98px){
  .degree-official-page .degree-quick-nav-inner{grid-template-columns:repeat(2,1fr)}
  .degree-official-page .degree-four-pillars{grid-template-columns:repeat(2,1fr)}
  .degree-official-page .degree-course-top{grid-template-columns:auto 1fr}
  .degree-official-page .degree-pdf-btn{grid-column:1/-1;justify-self:start}
  .degree-official-page .degree-final-card{grid-template-columns:auto 1fr}
  .degree-official-page .degree-final-actions{grid-column:1/-1;text-align:left}
}
@media(max-width:767.98px){
  .degree-official-page .degree-main-hero{padding:58px 0 70px}
  .degree-official-page .degree-section{padding:52px 0}
  .degree-official-page .degree-quick-nav-inner{grid-template-columns:1fr}
  .degree-official-page .degree-four-pillars{grid-template-columns:1fr 1fr}
  .degree-official-page .degree-industry-grid{grid-template-columns:1fr}
  .degree-official-page .degree-development-grid{grid-template-columns:1fr}
  .degree-official-page .degree-career-list{grid-template-columns:1fr}
  .degree-official-page .degree-why-grid{grid-template-columns:1fr}
  .degree-official-page .degree-syllabus-highlight{grid-template-columns:1fr}
  .degree-official-page .degree-final-card{grid-template-columns:1fr;padding:1.45rem}
  .degree-official-page .degree-final-actions>span{white-space:normal}
}
@media(max-width:575.98px){
  .degree-official-page .degree-main-hero h1{font-size:clamp(2.75rem,13vw,4.2rem)}
  .degree-official-page .degree-four-pillars{grid-template-columns:1fr}
  .degree-official-page .degree-course-top{grid-template-columns:1fr}
  .degree-official-page .degree-course-code{width:max-content;min-width:72px}
}