/*
  SoftDayta course-page theme inspired by BPP's professional qualification pages.
  This is an original SoftDayta style layer: bold course hero, commercial CTAs,
  structured cards, strong navy/blue palette and consistent modern typography.
*/
:root{
  --sd-navy:#10143f;
  --sd-ink:#161a2f;
  --sd-blue:#1261ff;
  --sd-blue-dark:#003da6;
  --sd-cyan:#00a6d6;
  --sd-orange:#ff6a13;
  --sd-yellow:#ffd23f;
  --sd-soft:#f4f6fb;
  --sd-card:#ffffff;
  --sd-muted:#5f6878;
  --sd-line:#dce1ea;
  --sd-shadow:0 16px 42px rgba(16,20,63,.12);
}
html,body{
  font-family:Inter, "Segoe UI", Arial, Helvetica, sans-serif!important;
  color:var(--sd-ink)!important;
  background:var(--sd-soft)!important;
}
body{font-size:16px}
a{color:var(--sd-blue)}
.notice{
  background:#eef3ff!important;
  color:#33415f!important;
  border-bottom:1px solid #d8e1f6!important;
}
header:not(.topbar), .top{
  background:#fff!important;
  border-bottom:1px solid var(--sd-line)!important;
  box-shadow:0 2px 12px rgba(16,20,63,.06)!important;
}
nav{min-height:70px!important}
.brand strong{color:var(--sd-navy)!important}
.brand small{color:var(--sd-muted)!important}
.mark{
  border-radius:8px!important;
  background:linear-gradient(135deg,var(--sd-navy),var(--sd-blue))!important;
  color:#fff!important;
  box-shadow:none!important;
}
.links a:not(.button){
  color:#1f2944!important;
  font-weight:750!important;
}
.links a:not(.button):hover{
  color:var(--sd-blue)!important;
  border-bottom-color:var(--sd-blue)!important;
}
.button,.primary,.secondary,.ghost,.resource-btn,.preview-link,.cardbtn{
  border-radius:6px!important;
  min-height:44px;
  font-weight:800!important;
  box-shadow:none!important;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease!important;
}
.button:hover,.primary:hover,.secondary:hover,.ghost:hover,.resource-btn:hover,.preview-link:hover,.cardbtn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(16,20,63,.16)!important;
}
.primary,.resource-btn,.button.primary{
  background:var(--sd-orange)!important;
  border-color:var(--sd-orange)!important;
  color:#fff!important;
}
.ghost,.secondary,.resource-btn.secondary,.button.ghost{
  background:#fff!important;
  border:1px solid var(--sd-blue)!important;
  color:var(--sd-blue)!important;
}
.hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(0,166,214,.16),transparent 28%),
    linear-gradient(135deg,#fff 0%,#f5f8ff 52%,#eef3ff 100%)!important;
  border-bottom:1px solid var(--sd-line)!important;
  padding:5.2rem 0 4.2rem!important;
}
.hero-grid{align-items:center!important}
.eyebrow,.badge,.aca-badge{
  color:var(--sd-blue)!important;
  background:#eaf1ff!important;
  border-radius:999px!important;
  padding:.38rem .65rem!important;
  letter-spacing:.065em!important;
  display:inline-flex!important;
  width:max-content!important;
}
h1,h2,h3{
  color:var(--sd-navy)!important;
  letter-spacing:-.035em!important;
}
h1{
  font-size:clamp(2.4rem,5.4vw,4.8rem)!important;
  line-height:.98!important;
}
h2{
  font-size:clamp(1.85rem,3.4vw,3rem)!important;
  line-height:1.05!important;
}
p,.section-head p,.card p,.feature p,.level p,.exam-card p,.notice-text{
  color:var(--sd-muted)!important;
}
section{padding:4.4rem 0!important}
.section-head{
  border:0!important;
  padding:0!important;
  margin-bottom:1.5rem!important;
}
.section-head:after{
  content:"";
  display:block;
  width:72px;
  height:5px;
  background:linear-gradient(90deg,var(--sd-orange),var(--sd-cyan));
  border-radius:999px;
  align-self:end;
}
.card,.feature,.panel,.study-card,.choice-card,.level,.aca-level,.promo-card,.exam-card,.success div,.resource-panel,.exam,.dialog,.price-card{
  background:var(--sd-card)!important;
  border:1px solid var(--sd-line)!important;
  border-radius:16px!important;
  box-shadow:var(--sd-shadow)!important;
}
.card,.feature,.panel,.exam-card,.exam,.resource-panel,.price-card{
  padding:1.35rem!important;
}
.card:hover,.feature:hover,.panel:hover,.choice-card:hover,.level:hover,.exam-card:hover,.promo-card:hover,.exam:hover,.resource-card:hover{
  border-color:#b7c6e8!important;
}
.level:before,.aca-level:before,.choice-card:before{
  height:6px!important;
  background:linear-gradient(90deg,var(--sd-blue),var(--sd-cyan))!important;
}
.icon,.lesson b,.choice-card span,.card span{
  border-radius:10px!important;
  background:#eaf1ff!important;
  color:var(--sd-blue)!important;
}
.pill,.exam-tags span,.meta-pill{
  border-radius:999px!important;
  background:#f1f5ff!important;
  border:1px solid #dce6ff!important;
  color:#31436a!important;
}
.study-card{transform:none!important}
.lesson,.study-head,.resource-slots,.exam-block-head{
  border-color:var(--sd-line)!important;
}
.syllabus-note,.cta,.invoice{
  border-left:6px solid var(--sd-orange)!important;
  background:#fff!important;
  border-radius:16px!important;
}
.exam-block{
  background:#fff!important;
  border:1px solid var(--sd-line)!important;
  border-radius:18px!important;
  padding:1.25rem!important;
  box-shadow:0 8px 30px rgba(16,20,63,.07)!important;
}
.price{
  color:var(--sd-navy)!important;
}
.bank,.voucher-box,.order-panel{
  background:#f7f9ff!important;
  border:1px solid #dce6ff!important;
  border-radius:12px!important;
}
input,select,textarea{
  border:1px solid #bec8dd!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--sd-ink)!important;
  font-family:Inter, "Segoe UI", Arial, Helvetica, sans-serif!important;
}
input:focus,select:focus,textarea:focus{
  outline:3px solid rgba(18,97,255,.18)!important;
  border-color:var(--sd-blue)!important;
}
.standards{
  background:linear-gradient(135deg,var(--sd-navy),#17236d)!important;
}
.standard{
  border-radius:14px!important;
  background:rgba(255,255,255,.08)!important;
}
footer{
  background:#fff!important;
  border-top:1px solid var(--sd-line)!important;
}
.top{
  color:var(--sd-navy)!important;
}
.top button{
  border-color:#c8d3ea!important;
  color:var(--sd-blue)!important;
  background:#fff!important;
}
/* App/dashboard pages: keep the software usable, but unify font and palette. */
.app,.workspace,.answer-side,.exam-side,.sheet-card,.editor,.sheet-scroll,.ribbon,.word-toolbar,.topbar{
  font-family:Inter, "Segoe UI", Arial, Helvetica, sans-serif!important;
}
.topbar{
  background:#f8faff!important;
  border-bottom:1px solid #cfd8ea!important;
}
.finish,.timer-pill{
  border-radius:8px!important;
}
.spreadsheet-footer,.sheet-tabs{
  background:#f8faff!important;
}
@media(max-width:880px){
  .hero{padding:3.5rem 0 3rem!important}
  section{padding:3.2rem 0!important}
  .section-head:after{display:none}
}