/* CareerLab intro — YEP/Startup-Passport design language */
.cl-page { font-family: Inter, Outfit, sans-serif; }
.cl-announce { background:linear-gradient(90deg,#0a1230,#1c2e6e); color:#fff; font-weight:700; font-size:.82rem; letter-spacing:.03em; border-radius:8px; }
.cl-hero { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:10px;
  background:radial-gradient(circle at 80% 15%,rgba(96,214,255,.22),transparent 30%),
             radial-gradient(circle at 8% 88%,rgba(246,184,75,.18),transparent 34%),
             linear-gradient(135deg,#0a1230 0%,#1c2e6e 48%,#0d5a56 100%);
  color:#fff; box-shadow:0 24px 70px rgba(7,21,41,.18); }
.cl-hero:after { content:""; position:absolute; inset:auto -8% -28% 48%; height:340px; background:rgba(255,255,255,.07); border-radius:50%; pointer-events:none; }
.cl-kicker { display:inline-flex; align-items:center; gap:.55rem; padding:.42rem .8rem; border-radius:999px; background:rgba(28,86,214,.9); color:#fff; font-weight:800; font-size:.76rem; letter-spacing:.06em; text-transform:uppercase; }
.cl-title { font-size:clamp(2.1rem,3.4vw,3.4rem); line-height:1.05; color:#fff; }
.cl-copy { font-size:1.06rem; line-height:1.7; color:rgba(226,236,255,.88); max-width:640px; }
.cl-hero .text-muted { color:rgba(226,236,255,.75) !important; }
.cl-character { background:url('../../media/character/internships.webp') center/contain no-repeat; min-height:330px; width:min(420px,100%); margin-inline:auto; filter:drop-shadow(0 26px 55px rgba(0,0,0,.28)); }
.cl-character-2 { background:url('../../media/character/student.webp') center/contain no-repeat; min-height:300px; width:min(380px,100%); margin-inline:auto; filter:drop-shadow(0 20px 45px rgba(15,23,42,.22)); }
.cl-proof { border:1px solid rgba(255,255,255,.14); border-radius:10px; background:rgba(255,255,255,.09); padding:.9rem 1rem; color:#fff; }
.cl-proof b { font-size:1.05rem; }
.cl-journey { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; justify-content:center; }
.cl-jstep { display:flex; align-items:center; gap:.6rem; background:#fff; border:1px solid #e4e9f2; border-radius:999px; padding:.55rem 1.1rem; font-weight:800; box-shadow:0 8px 22px rgba(15,23,42,.06); }
.cl-jstep .cl-jn { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:.8rem; }
.cl-jarrow { color:#9aa8c0; font-weight:900; }
.cl-card { border:1px solid #e7ebf3; border-radius:12px; background:#fff; transition:transform .18s ease, box-shadow .18s ease; height:100%; }
.cl-card:hover { transform:translateY(-3px); box-shadow:0 16px 38px rgba(15,23,42,.10); }
.cl-icircle { width:52px; height:52px; border-radius:14px; display:grid; place-items:center; font-size:1.35rem; color:#fff; }
.cl-sec-title { font-size:clamp(1.5rem,2.2vw,2.1rem); font-weight:800; }
.cl-price-card { border-radius:14px; border:1px solid #e7ebf3; overflow:hidden; height:100%; background:#fff; }
.cl-price-head { padding:1.4rem 1.2rem .9rem; text-align:center; color:#fff; }
.cl-benefit-row { display:flex; align-items:center; gap:.5rem; font-size:.86rem; padding:.28rem 0; }
.cl-xpstrip { border-radius:12px; background:linear-gradient(120deg,#101a3c,#1b3b8f); color:#fff; }
.cl-daycat { text-align:center; border:1px solid #e7ebf3; border-radius:12px; padding:1rem .7rem; background:#fff; height:100%; transition:transform .18s ease; }
.cl-daycat:hover { transform:translateY(-3px); }
.cl-example-chip { display:inline-block; background:#eef4ff; color:#1b64d8; border-radius:999px; padding:.3rem .75rem; font-size:.74rem; font-weight:700; margin:.18rem; }
.cl-perf { display:flex; gap:.7rem; align-items:flex-start; border:1px solid #e7ebf3; border-radius:10px; padding:.85rem .95rem; height:100%; background:#fff; }
.cl-faq { border:1px solid #e7ebf3; border-radius:10px; padding:1rem 1.1rem; background:#fff; height:100%; }
.cl-cta-band { border-radius:14px; background:linear-gradient(135deg,#0a1230 0%,#1c2e6e 55%,#0d5a56 100%); color:#fff; }
.cl-yep-band { border-radius:14px; background:linear-gradient(135deg,#241a4d 0%,#5b21b6 55%,#1c2e6e 100%); color:#fff; }
[data-bs-theme=dark] .cl-jstep, [data-bs-theme=dark] .cl-card, [data-bs-theme=dark] .cl-price-card,
[data-bs-theme=dark] .cl-daycat, [data-bs-theme=dark] .cl-perf, [data-bs-theme=dark] .cl-faq { background:var(--bs-body-bg); border-color:var(--bs-border-color); }