@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

.course-detail-page {
  --brand-blue:#1F6F5F;
  --brand-indigo:#155447;
  --brand-ink:#141414;
  --brand-muted:#50645F;
  --brand-paper:#EEEEEE;
  --brand-soft:#DDF4E6;
  --brand-line:rgba(31,111,95,.14);
  margin:0;
  color:var(--brand-ink);
  background:var(--brand-paper);
  font-family:"Poppins",sans-serif;
}
.course-detail-page * { font-family:"Poppins",sans-serif; }
.course-detail-page > .container-fluid.py-2.border-bottom { padding:.6rem 4vw!important; color:#fff; background:var(--brand-indigo); border:0!important; }
.course-detail-page > .container-fluid.py-2.border-bottom .container { max-width:1320px; }
.course-detail-page > .container-fluid.py-2.border-bottom a,.course-detail-page > .container-fluid.py-2.border-bottom span { color:#EEEEEE!important; font-size:11px; letter-spacing:.02em; }
.course-detail-page > .container-fluid.sticky-top { padding:0 3.5vw; background:rgba(255,255,255,.92)!important; border-bottom:1px solid var(--brand-line); box-shadow:none!important; backdrop-filter:blur(18px); }
.course-detail-page .navbar { min-height:88px; max-width:1320px; margin:auto; padding:0!important; background:transparent!important; }
.course-detail-page .navbar-brand { display:flex; align-items:center; gap:12px; }
.course-detail-page .navbar-brand h1 { margin:0!important; line-height:1; }
.course-detail-page .navbar-brand img { width:56px!important; height:56px!important; object-fit:contain; mix-blend-mode:multiply; }
.course-detail-page .brand-name { display:flex; flex-direction:column; color:var(--brand-blue); font-size:16px; font-weight:700; line-height:1.05; letter-spacing:.07em; text-transform:uppercase; }
.course-detail-page .brand-name small { margin-top:5px; color:var(--brand-indigo); font-size:9px; letter-spacing:.11em; }
.course-detail-page .navbar-nav { gap:18px; align-items:center; }
.course-detail-page .navbar-light .navbar-nav .nav-link { padding:10px 7px!important; position:relative; color:var(--brand-ink)!important; font-size:13px; font-weight:500; }
.course-detail-page .navbar-light .navbar-nav .nav-link::after { content:""; position:absolute; left:7px; right:100%; bottom:3px; height:2px; border-radius:2px; background:var(--brand-blue); transition:right .2s; }
.course-detail-page .navbar-light .navbar-nav .nav-link:hover::after,.course-detail-page .navbar-light .navbar-nav .nav-link.active::after { right:7px; }
.course-detail-page .navbar-toggler { border:1px solid var(--brand-line); border-radius:12px; }

.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 { margin:0!important; padding:92px 6vw!important; position:relative; overflow:hidden; background:linear-gradient(145deg,#F6FAF8 0%,#EEEEEE 62%,#DDF4E6 100%)!important; }
.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5::before { content:""; position:absolute; width:430px; height:430px; right:-170px; top:-210px; border:1px solid rgba(31,111,95,.23); border-radius:50%; }
.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 > .container { max-width:1180px; padding:0!important; position:relative; }
.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 .row { --bs-gutter-x:0; }
.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 .col-lg-12 { padding:clamp(28px,5vw,70px)!important; border:1px solid var(--brand-line); border-radius:30px; background:rgba(255,255,255,.94); box-shadow:0 24px 70px rgba(31,111,95,.10); }
.course-detail-page .course-kicker { margin:0 0 18px; color:var(--brand-blue); font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 h4 { max-width:950px; margin:0 0 45px!important; padding:0 0 26px!important; display:block!important; color:var(--brand-indigo)!important; border:0!important; border-bottom:1px solid var(--brand-line)!important; font-size:clamp(36px,5.3vw,72px); font-weight:600; line-height:1.06; letter-spacing:-.05em; text-transform:none!important; }
.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 .d-flex > a { margin:0 0 14px!important; color:var(--brand-blue)!important; font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; pointer-events:none; }
.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 .d-flex > a i { display:none; }
.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 p,.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 li { max-width:900px; color:var(--brand-muted); font-size:15px; line-height:1.9; }
.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 ul,.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 ol { padding-left:22px; }
.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 table { width:100%!important; margin:25px 0; overflow:hidden; border-collapse:separate; border-spacing:0; border:1px solid var(--brand-line); border-radius:16px; }
.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 th { color:#fff; background:var(--brand-indigo); }
.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 th,.course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 td { padding:14px 16px; border-color:var(--brand-line)!important; }
.course-detail-page .course-actions { margin-top:38px; padding-top:28px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; border-top:1px solid var(--brand-line); }
.course-detail-page .course-actions a { min-height:48px; padding:0 21px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; pointer-events:auto!important; }
.course-detail-page .course-actions a:first-child { color:#fff!important; background:var(--brand-blue); box-shadow:0 10px 24px rgba(31,111,95,.22); }
.course-detail-page .course-actions a:last-child { color:var(--brand-indigo)!important; border:1px solid var(--brand-line); background:var(--brand-soft); }

.course-detail-page > .container-fluid.bg-primary { margin:0!important; padding:85px 6vw!important; color:#fff; background:linear-gradient(125deg,var(--brand-blue),var(--brand-indigo))!important; }
.course-detail-page > .container-fluid.bg-primary > .container { max-width:1180px; padding:0!important; }
.course-detail-page > .container-fluid.bg-primary h5 { margin-bottom:18px!important; padding:0!important; color:#EEEEEE!important; border:0!important; font-size:10px; letter-spacing:.16em; }
.course-detail-page > .container-fluid.bg-primary h1 { max-width:550px; margin:0; color:#fff; font-size:clamp(38px,4vw,62px); font-weight:600; line-height:1.08; letter-spacing:-.045em; }
.course-detail-page > .container-fluid.bg-primary .bg-white { padding:34px!important; border-radius:24px!important; box-shadow:0 24px 60px rgba(24,35,93,.22); }
.course-detail-page > .container-fluid.bg-primary .form-control,.course-detail-page > .container-fluid.bg-primary .form-select { min-height:56px!important; padding:15px 16px; border:1px solid var(--brand-line)!important; border-radius:13px; color:var(--brand-ink); background:var(--brand-paper)!important; box-shadow:none; }
.course-detail-page > .container-fluid.bg-primary .form-control:focus { border-color:var(--brand-blue)!important; box-shadow:0 0 0 4px rgba(31,111,95,.13); }
.course-detail-page > .container-fluid.bg-primary .btn-primary { min-height:52px; border:0; border-radius:999px; color:#fff; background:var(--brand-blue); font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }

.course-detail-page > .container-fluid.bg-dark { margin:0!important; background:#103F36!important; }
.course-detail-page > .container-fluid.bg-dark.mt-5 { padding:70px 6vw!important; }
.course-detail-page > .container-fluid.bg-dark .container { max-width:1180px; padding:0!important; }
.course-detail-page > .container-fluid.bg-dark h4,.course-detail-page > .container-fluid.bg-dark h6 { padding:0 0 10px!important; color:#6FCF97!important; border:0!important; border-bottom:1px solid rgba(255,255,255,.14)!important; font-size:13px; letter-spacing:.1em; }
.course-detail-page > .container-fluid.bg-dark p,.course-detail-page > .container-fluid.bg-dark a { color:#EEEEEE!important; font-size:12px; line-height:1.75; }
.course-detail-page > .container-fluid.bg-dark .btn-primary { color:#fff!important; border-color:var(--brand-blue); background:var(--brand-blue); }
.course-detail-page .back-to-top { border-color:var(--brand-blue); background:var(--brand-blue); }

@media (max-width:991px) {
  .course-detail-page .navbar { min-height:76px; }
  .course-detail-page .navbar-collapse { padding:15px 0 20px; border-top:1px solid var(--brand-line); }
  .course-detail-page .navbar-nav { align-items:flex-start; gap:2px; }
  .course-detail-page > .container-fluid.bg-primary h1 { margin-bottom:25px; }
}
@media (max-width:640px) {
  .course-detail-page > .container-fluid.py-2.border-bottom { display:none!important; }
  .course-detail-page > .container-fluid.sticky-top { padding:0 18px; }
  .course-detail-page .navbar-brand img { width:46px!important; height:46px!important; }
  .course-detail-page .brand-name { font-size:13px; }
  .course-detail-page .brand-name small { font-size:8px; }
  .course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 { padding:55px 20px!important; }
  .course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 .col-lg-12 { padding:28px 22px!important; border-radius:22px; }
  .course-detail-page > .container-fluid.bg-light.text-dark.mt-3.py-5 h4 { font-size:38px; }
  .course-detail-page > .container-fluid.bg-primary { padding:65px 20px!important; }
  .course-detail-page > .container-fluid.bg-primary .bg-white { padding:22px!important; }
  .course-detail-page > .container-fluid.bg-dark.mt-5 { padding:58px 22px!important; }
}
@media (prefers-reduced-motion:reduce) { .course-detail-page * { transition:none!important; } }