
:root{
  --sp-navy:#102f65;--sp-blue:#1763c8;--sp-rose:#d9296b;--sp-gold:#d7a439;
  --sp-ink:#24344f;--sp-muted:#6f7c91;--sp-line:#e1e8f1;--sp-bg:#f5f8fc;
  --sp-shadow:0 16px 40px rgba(31,47,84,.08);
}
body{
  font-family:"Mukta","Noto Sans Devanagari","Nirmala UI","Mangal",sans-serif!important;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body *{font-family:inherit}
.header{
  min-height:78px!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 8px 26px rgba(31,47,84,.055)!important;
}
.header .logo{
  width:50px!important;height:50px!important;border-radius:16px!important;
  background:linear-gradient(135deg,#173f88,#d9296b)!important;
  box-shadow:0 9px 22px rgba(23,63,136,.16)!important;
}
.header .brand b{font-size:22px!important;line-height:1.1!important;font-weight:800!important}
.header .brand small{font-size:10px!important;font-weight:600!important}
.header .back{
  min-height:40px!important;padding:9px 13px!important;border-radius:11px!important;
  font-size:10.5px!important;
}
.hero{padding-top:50px!important}
.hero .badge{
  padding:7px 12px!important;border-radius:999px!important;
  background:#edf4ff!important;border:1px solid #d6e3f5!important;
  color:#174a99!important;font-size:10px!important;font-weight:800!important;
}
.hero h1{
  color:#173f88!important;font-size:40px!important;line-height:1.14!important;
  font-weight:800!important;
}
.hero p{
  max-width:780px!important;color:#6f7c91!important;font-size:12.5px!important;
  line-height:1.8!important;font-weight:600!important;
}
.wrap{max-width:1080px!important}
.card,.vision,.section,.alert,.summary,.finalNote,.note{
  border-color:#dfe7f1!important;
  box-shadow:var(--sp-shadow)!important;
}
.card,.section,.vision,.summary,.alert{border-radius:19px!important}
.card h2,.section h2,.vision h2{color:#173f79!important;font-weight:800!important}
.card p,.section p,.card li,.section li{font-size:11px!important;line-height:1.75!important}
.siteUnifiedFooter{background:#0f315f!important;color:#eaf2ff!important}
.siteUnifiedLinks a{color:#d8e6f8!important}
.siteUnifiedBottom{border-top-color:rgba(255,255,255,.12)!important}
@media(max-width:680px){
  .header{padding-left:14px!important;padding-right:14px!important}
  .header .brand small{display:none!important}
  .hero{padding:36px 16px 25px!important}
  .hero h1{font-size:32px!important}
  .wrap{padding-left:14px!important;padding-right:14px!important}
}
