/* FC Careers Hub V3.8.6 — Engaging Experience
   Lightweight motion, richer accents and role clarity without heavy libraries. */
:root{
  --fcv386-coral:#ff775f;
  --fcv386-gold:#f4b942;
  --fcv386-violet:#7657d6;
  --fcv386-mint:#48c9a5;
  --fcv386-ink:#102b3d;
  --fcv386-soft:#f7fbfc;
}
.fcv386-engaging{--fc-accent-coral:var(--fcv386-coral);--fc-accent-gold:var(--fcv386-gold);--fc-accent-violet:var(--fcv386-violet)}

/* Global polish — restrained non-blue accents */
.fcv386-engaging .fcap-card,.fcv386-engaging .fcap-panel,.fcv386-engaging .fcap-stat,
.fcv386-engaging .fcv3-quick-grid>a,.fcv386-engaging .fcv37-plan-card,.fcv386-engaging .fcv36-plan{
  transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;
}
.fcv386-engaging .fcap-card:hover,.fcv386-engaging .fcap-stat:hover,.fcv386-engaging .fcv3-quick-grid>a:hover,
.fcv386-engaging .fcv37-plan-card:hover,.fcv386-engaging .fcv36-plan:hover{
  transform:translateY(-5px);box-shadow:0 22px 55px rgba(8,55,83,.12);border-color:#b9dfe0;
}
.fcv386-engaging .fcap-course-card:nth-child(4n+1):before,.fcv386-engaging .fcap-internship-card:nth-child(4n+1):before{background:linear-gradient(90deg,#0b6ea8,#25c8bd)}
.fcv386-engaging .fcap-course-card:nth-child(4n+2):before,.fcv386-engaging .fcap-internship-card:nth-child(4n+2):before{background:linear-gradient(90deg,var(--fcv386-violet),#9a7df0)}
.fcv386-engaging .fcap-course-card:nth-child(4n+3):before,.fcv386-engaging .fcap-internship-card:nth-child(4n+3):before{background:linear-gradient(90deg,var(--fcv386-coral),#ff9b72)}
.fcv386-engaging .fcap-course-card:nth-child(4n+4):before,.fcv386-engaging .fcap-internship-card:nth-child(4n+4):before{background:linear-gradient(90deg,var(--fcv386-gold),#ffd36d)}
.fcv386-engaging .fcap-pill{border:1px solid rgba(13,148,136,.12)}
.fcv386-engaging .fcap-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease}
.fcv386-engaging .fcap-btn:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.24) 44%,transparent 68%);transform:translateX(-135%);transition:transform .55s ease}
.fcv386-engaging .fcap-btn:hover:after{transform:translateX(135%)}
.fcv386-engaging .fcap-btn:hover{box-shadow:0 12px 28px rgba(9,76,116,.18)}

/* Universal reveal — IntersectionObserver adds .is-visible */
.fcv386-reveal{opacity:0;transform:translateY(18px) scale(.992);transition:opacity .58s cubic-bezier(.2,.72,.25,1),transform .58s cubic-bezier(.2,.72,.25,1);transition-delay:var(--fcv386-delay,0ms)}
.fcv386-reveal.is-visible{opacity:1;transform:none}

/* Stakeholder clarity section */
.fcv386-home-value-wrap{padding-top:18px;padding-bottom:72px}
.fcv386-value{position:relative;overflow:hidden;padding:44px;border:1px solid #dce9ed;border-radius:32px;background:
  radial-gradient(circle at 8% 10%,rgba(118,87,214,.09),transparent 26%),
  radial-gradient(circle at 92% 18%,rgba(255,119,95,.09),transparent 28%),
  linear-gradient(145deg,#ffffff,#f6fbfb);box-shadow:0 28px 76px rgba(6,52,80,.09)}
.fcv386-value:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-185px;bottom:-195px;border:1px solid rgba(13,148,136,.12);box-shadow:0 0 0 42px rgba(13,148,136,.025),0 0 0 84px rgba(118,87,214,.018)}
.fcv386-value__head{position:relative;z-index:1;max-width:810px;text-align:center;margin:0 auto 28px}
.fcv386-eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:linear-gradient(90deg,#eefafa,#f5f0ff);color:#176c78;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;border:1px solid #e0ecee}
.fcv386-value__head h2{font-size:clamp(31px,4vw,50px);line-height:1.07;letter-spacing:-.04em;color:#0c4567;margin:13px 0 10px}
.fcv386-value__head p{margin:0;color:#667d89;font-size:16px}
.fcv386-role-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fcv386-role-card{--spot-x:50%;--spot-y:50%;position:relative;overflow:hidden;min-width:0;padding:25px;border:1px solid #dce8ec;border-radius:23px;background:#fff;box-shadow:0 12px 34px rgba(7,56,84,.045);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.fcv386-role-card:before{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(260px circle at var(--spot-x) var(--spot-y),rgba(15,145,147,.10),transparent 58%);transition:opacity .25s ease}
.fcv386-role-card:hover:before{opacity:1}.fcv386-role-card:hover{transform:translateY(-7px);box-shadow:0 25px 58px rgba(7,56,84,.12)}
.fcv386-role-card--student{border-top:4px solid #15a79f}.fcv386-role-card--employer{border-top:4px solid var(--fcv386-violet)}.fcv386-role-card--college{border-top:4px solid var(--fcv386-coral)}
.fcv386-role-card.is-current{box-shadow:0 0 0 3px rgba(13,148,136,.08),0 25px 58px rgba(7,56,84,.10)}
.fcv386-role-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;font-size:23px;background:#eef9f8;box-shadow:inset 0 0 0 1px rgba(13,148,136,.08)}
.fcv386-role-card--employer .fcv386-role-icon{background:#f3f0ff}.fcv386-role-card--college .fcv386-role-icon{background:#fff2ee}
.fcv386-role-label{display:block;margin:17px 0 6px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#66808b}
.fcv386-role-card h3{margin:0 0 9px;color:#123e5a;font-size:21px;line-height:1.2;letter-spacing:-.025em}
.fcv386-role-card>p{min-height:64px;margin:0;color:#6b808b;font-size:13px;line-height:1.6}
.fcv386-role-card ul{list-style:none;margin:18px 0;padding:0;display:grid;gap:8px}
.fcv386-role-card li{position:relative;padding-left:22px;color:#46616f;font-size:12px;font-weight:650}.fcv386-role-card li:before{content:"✓";position:absolute;left:0;top:0;color:#129083;font-weight:900}
.fcv386-role-card--employer li:before{color:var(--fcv386-violet)}.fcv386-role-card--college li:before{color:var(--fcv386-coral)}
.fcv386-role-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:13px;background:#f4f9fa;color:#0e6470!important;font-size:12px;font-weight:900;text-decoration:none;transition:.22s ease}
.fcv386-role-card--employer .fcv386-role-cta{background:#f5f2ff;color:#6548bc!important}.fcv386-role-card--college .fcv386-role-cta{background:#fff4f0;color:#b95543!important}
.fcv386-role-cta span{transition:transform .2s ease}.fcv386-role-cta:hover span{transform:translateX(4px)}
.fcv386-loop{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:18px;padding:14px 17px;border-radius:16px;background:#0f3145;color:#d9edf2}
.fcv386-loop span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.fcv386-loop b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.10);color:#7cf1df;font-size:9px}.fcv386-loop i{font-style:normal;color:#6f9bac}

/* =========================
   SKILLS LAB — animated, lively, still fast
   ========================= */
.fcv386-skills-lab-page .fcv31-skills-lab{position:relative}
.fcv386-skills-lab-page .fcv31-skills-hero{isolation:isolate;background:
 radial-gradient(circle at 9% 12%,rgba(118,87,214,.12),transparent 25%),
 radial-gradient(circle at 82% 5%,rgba(255,119,95,.11),transparent 22%),
 linear-gradient(135deg,#f8ffff,#f8f8ff 68%,#fffaf7)}
.fcv386-skills-lab-page .fcv31-skills-hero:after{content:"";position:absolute;z-index:-1;width:130px;height:130px;left:52%;top:-48px;border-radius:38% 62% 57% 43%/44% 42% 58% 56%;background:linear-gradient(135deg,rgba(72,201,165,.13),rgba(244,185,66,.12));animation:fcv386Blob 8s ease-in-out infinite alternate}
.fcv386-skills-lab-page .fcv31-skill-tags span{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.fcv386-skills-lab-page .fcv31-skill-tags span:nth-child(4n+1){background:#eefaf8}.fcv386-skills-lab-page .fcv31-skill-tags span:nth-child(4n+2){background:#f4f1ff}.fcv386-skills-lab-page .fcv31-skill-tags span:nth-child(4n+3){background:#fff4ef}.fcv386-skills-lab-page .fcv31-skill-tags span:nth-child(4n+4){background:#fff9e9}
.fcv386-skills-lab-page .fcv31-skill-tags span:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(10,62,88,.08);border-color:#b8d9dc}
@property --fc-progress{syntax:'<number>';inherits:false;initial-value:0}
.fcv386-skills-lab-page .fcv31-ring{transition:--fc-progress 1.15s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 0 7px rgba(94,234,212,.05),0 12px 34px rgba(0,0,0,.16)}
.fcv386-skills-lab-page .fcv31-ring:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(117,232,220,.28);animation:fcv386PulseRing 2.7s ease-out infinite}
.fcv386-skills-lab-page .fcv31-skills-score{background:linear-gradient(155deg,#102b3d,#123d52 67%,#155e68);overflow:hidden}
.fcv386-skills-lab-page .fcv31-skills-score:before{content:"";position:absolute;width:115px;height:115px;border-radius:50%;right:-40px;top:-48px;background:rgba(255,255,255,.05)}
.fcv386-skills-lab-page .fcv31-lab-tabs button{position:relative;overflow:hidden}.fcv386-skills-lab-page .fcv31-lab-tabs button.is-active{background:linear-gradient(135deg,#12394b,#0b817e)}
.fcv386-skills-lab-page .fcv31-category-grid>a{position:relative;overflow:hidden}.fcv386-skills-lab-page .fcv31-category-grid>a:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-35px;bottom:-40px;opacity:.36;transition:transform .3s ease}
.fcv386-skills-lab-page .fcv31-category-grid>a:nth-child(4n+1):after{background:#84ddd0}.fcv386-skills-lab-page .fcv31-category-grid>a:nth-child(4n+2):after{background:#b8a7ed}.fcv386-skills-lab-page .fcv31-category-grid>a:nth-child(4n+3):after{background:#ffb09f}.fcv386-skills-lab-page .fcv31-category-grid>a:nth-child(4n+4):after{background:#f7d57a}.fcv386-skills-lab-page .fcv31-category-grid>a:hover:after{transform:scale(1.45)}
.fcv386-skills-lab-page .fcv31-challenge-card{--spot-x:50%;--spot-y:50%;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;background:radial-gradient(260px circle at var(--spot-x) var(--spot-y),rgba(13,148,136,.055),transparent 60%),#fff}
.fcv386-skills-lab-page .fcv31-challenge-card:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(9,57,83,.10);border-color:#bddedf}
.fcv386-skills-lab-page .fcv31-challenge-top>b{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f2f0ff;color:#684ec4}
.fcv386-skills-lab-page .fcv31-challenge-section:nth-child(4n+2) .fcv31-challenge-section__head>span{background:linear-gradient(135deg,#6c55c5,#8d70e5)}
.fcv386-skills-lab-page .fcv31-challenge-section:nth-child(4n+3) .fcv31-challenge-section__head>span{background:linear-gradient(135deg,#e66952,#ff8b72)}
.fcv386-skills-lab-page .fcv31-challenge-section:nth-child(4n+4) .fcv31-challenge-section__head>span{background:linear-gradient(135deg,#c99116,#f2ba3b)}
.fcv386-skills-lab-page .fcv31-badge-grid article.is-unlocked{background:linear-gradient(150deg,#fff,#f6fffb);box-shadow:0 12px 30px rgba(13,148,136,.07)}
.fcv386-skills-lab-page .fcv31-badge-grid article.is-unlocked i{animation:fcv386MedalFloat 3.6s ease-in-out infinite}
.fcv386-skills-lab-page .fcv31-badge-grid article.is-locked{filter:saturate(.78)}
.fcv386-skills-lab-page .fcv31-proof-flow>div{transition:transform .22s ease}.fcv386-skills-lab-page .fcv31-proof-flow>div:hover{transform:translateY(-3px)}

/* Dashboard and commercial-page visual hierarchy */
.fcv386-engaging .fcap-dashboard-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#07376d 0%,#145b9b 44%,#0b8f8a 82%,#48c9a5 100%)}
.fcv386-engaging .fcap-dashboard-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-125px;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 36px rgba(255,255,255,.035),0 0 0 72px rgba(255,255,255,.02)}
.fcv386-engaging .fcv37-plan-card:nth-child(4n+2),.fcv386-engaging .fcv36-plan:nth-child(4n+2){border-top:3px solid var(--fcv386-violet)}
.fcv386-engaging .fcv37-plan-card:nth-child(4n+3),.fcv386-engaging .fcv36-plan:nth-child(4n+3){border-top:3px solid var(--fcv386-coral)}
.fcv386-engaging .fcv37-plan-card:nth-child(4n+4),.fcv386-engaging .fcv36-plan:nth-child(4n+4){border-top:3px solid var(--fcv386-gold)}

@keyframes fcv386Blob{0%{transform:translate3d(0,0,0) rotate(0deg)}100%{transform:translate3d(22px,18px,0) rotate(18deg)}}
@keyframes fcv386PulseRing{0%{transform:scale(.94);opacity:.75}70%,100%{transform:scale(1.14);opacity:0}}
@keyframes fcv386MedalFloat{50%{transform:translateY(-5px) rotate(2deg)}}

@media(max-width:980px){.fcv386-value{padding:32px}.fcv386-role-grid{grid-template-columns:1fr}.fcv386-role-card>p{min-height:0}.fcv386-loop{justify-content:flex-start}}
@media(max-width:600px){.fcv386-home-value-wrap{padding-bottom:46px}.fcv386-value{padding:23px 17px;border-radius:24px}.fcv386-value__head h2{font-size:31px}.fcv386-role-card{padding:20px}.fcv386-loop i{display:none}.fcv386-loop{gap:7px}.fcv386-loop span{flex:1 1 42%;justify-content:flex-start}.fcv386-skills-lab-page .fcv31-skills-hero:after{display:none}}
@media(prefers-reduced-motion:reduce){
  .fcv386-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .fcv386-engaging *,.fcv386-engaging *:before,.fcv386-engaging *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
.fcv386-role-icon svg{width:26px;height:26px;fill:none;stroke:#11877f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fcv386-role-card--employer .fcv386-role-icon svg{stroke:#7657d6}.fcv386-role-card--college .fcv386-role-icon svg{stroke:#d96650}