/* ============================================================
   HUBPILE PUBLIC DESIGN SYSTEM v6.0
   Premium neutral direction: Hubpile Blue + Midnight Navy + White
   Loaded LAST to remove legacy green/teal presentation layers.
   ============================================================ */
:root{
  --hp-primary:#1688F7;
  --hp-primary-hover:#126FE8;
  --hp-primary-soft:#EFF6FF;
  --hp-secondary:#0B1020;
  --hp-secondary-2:#111A33;
  --hp-navy-3:#172554;
  --hp-accent:#60A5FA;
  --hp-bg:#FAFAF7;
  --hp-bg-cool:#F7F9FC;
  --hp-surface:#FFFFFF;
  --hp-surface-soft:#F4F6FA;
  --hp-text:#101828;
  --hp-text-2:#344054;
  --hp-muted:#667085;
  --hp-border:#E4E7EC;
  --hp-border-blue:#D5E7FF;
  --hp-black:#000000;
  --hp-gold:#C89B5A;
  --hp-success:#15803D;
  --hp-danger:#B42318;
  --hp-warning:#D97706;
  --hp-radius-sm:12px;
  --hp-radius:18px;
  --hp-radius-lg:26px;
  --hp-shadow-sm:0 1px 2px rgba(16,24,40,.03),0 8px 24px rgba(16,24,40,.05);
  --hp-shadow:0 18px 48px rgba(11,16,32,.08);
  --hp-shadow-lg:0 32px 90px rgba(11,16,32,.14);
  --brand:#1688F7!important;
  --brand-dark:#126FE8!important;
  --brand-soft:#EFF6FF!important;
  --accent:#60A5FA!important;
  --bg:#FAFAF7!important;
  --surface:#FFFFFF!important;
  --surface-2:#0B1020!important;
  --surface-3:#05070D!important;
  --text:#101828!important;
  --muted:#667085!important;
  --line:#E4E7EC!important;
}
html{scroll-behavior:smooth;background:#fff}
body{background:#FAFAF7!important;color:#101828!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#CFE4FF;color:#0B1020}
a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
:focus-visible{outline:3px solid rgba(22,136,247,.28)!important;outline-offset:3px}

/* ---------- Header: quiet premium white ---------- */
.hp-site-header,.hp-site-header.hp49-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(11,16,32,.08)!important;box-shadow:0 1px 0 rgba(11,16,32,.02)!important;backdrop-filter:blur(18px)}
.hp-site-header.is-scrolled,.hp-site-header.hp49-header.is-scrolled{background:rgba(255,255,255,.99)!important;box-shadow:0 14px 38px rgba(11,16,32,.07)!important}
.hp49-header .hp49-nav-link,.hp49-header .hp49-nav-trigger{color:#344054!important}
.hp49-header .hp49-nav-link:hover,.hp49-header .hp49-nav-trigger:hover,.hp49-header .hp49-nav-link.is-active,.hp49-header .hp49-nav-trigger.is-active{background:#EFF6FF!important;border-color:#D5E7FF!important;color:#126FE8!important}
.hp49-header .hp49-action-primary{background:#1688F7!important;border-color:#1688F7!important;color:#fff!important;box-shadow:0 8px 22px rgba(22,136,247,.20)!important}
.hp49-header .hp49-action-primary:hover{background:#126FE8!important;border-color:#126FE8!important;box-shadow:0 13px 30px rgba(22,136,247,.26)!important}
.hp49-header .hp49-action-secondary{background:#fff!important;border-color:#D0D5DD!important;color:#101828!important}
.hp49-header .hp49-dropdown,.hp49-header .hp49-mobile-panel{background:#fff!important;border-color:#E4E7EC!important;box-shadow:0 28px 75px rgba(11,16,32,.14)!important}
.hp49-header .hp49-nav-card:hover,.hp49-header .hp49-nav-card.is-active,.hp49-header .hp-mobile-child:hover,.hp49-header .hp-mobile-child.is-active,.hp49-header .hp49-mobile-link:hover,.hp49-header .hp49-mobile-link.is-active{background:#F5F9FF!important;border-color:#D5E7FF!important;color:#126FE8!important}
.hp-site-announcement{background:#0B1020!important;color:#fff!important}.hp-site-announcement a{color:#93C5FD!important}

/* ---------- Global content language ---------- */
main,section{border-color:#E4E7EC}
.hp-card,.card,.hp-kv,.hp-plan,.hp-value,.hp-bucket,.hp-faq,.hd-panel,.hpf-card{background:#fff;border-color:#E4E7EC!important;box-shadow:var(--hp-shadow-sm)}
.hp-btn-primary,.hp-btn.primary,.hp-admin-btn.primary,.btn-primary,.button-primary,[class*="btn"][class*="primary"]{background:#1688F7!important;border-color:#1688F7!important;color:#fff!important;box-shadow:0 8px 20px rgba(22,136,247,.16)!important}
.hp-btn-primary:hover,.hp-btn.primary:hover,.hp-admin-btn.primary:hover,.btn-primary:hover,.button-primary:hover,[class*="btn"][class*="primary"]:hover{background:#126FE8!important;border-color:#126FE8!important;transform:translateY(-1px)}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea{background:#fff;border-color:#D0D5DD!important;color:#101828}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):focus,select:focus,textarea:focus{border-color:#60A5FA!important;box-shadow:0 0 0 4px rgba(22,136,247,.10)!important;outline:none}

/* ---------- Managed public pages / active managed homepage ---------- */
.hp47-public{background:#FAFAF7!important;color:#101828!important}
.hp47-public:before{background:radial-gradient(circle,rgba(22,136,247,.085),rgba(22,136,247,0) 68%)!important}
.hp47-progress{background:linear-gradient(90deg,#1688F7,#60A5FA)!important}
.hp47-hero{background:linear-gradient(135deg,#FFFFFF 0%,#F6F9FF 58%,#EEF4FF 100%)!important;border-color:#E4E7EC!important}
.hp47-template-landing .hp47-hero{
  background:
    linear-gradient(90deg,rgba(11,16,32,.97) 0%,rgba(11,16,32,.91) 43%,rgba(17,26,51,.72) 100%),
    var(--hp48-hero-image) center/cover no-repeat!important;
  border:0!important;
}
.hp47-template-landing .hp47-hero h1{color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.12)}
.hp47-template-landing .hp47-hero-copy,.hp47-template-landing .hp47-breadcrumb,.hp47-template-landing .hp47-breadcrumb a{color:#D8E3F7!important}
.hp47-template-landing .hp47-eyebrow{color:#93C5FD!important}
.hp47-template-landing .hp47-hero-card{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 20px 60px rgba(0,0,0,.14)!important}
.hp47-template-landing .hp47-hero-card-label,.hp47-template-landing .hp47-meta-row span{color:#B9C9E5!important}.hp47-template-landing .hp47-meta-row strong{color:#fff!important}
.hp47-template-landing .hp47-meta-row{border-color:rgba(255,255,255,.12)!important}
.hp47-main,.hp47-help{background:#FAFAF7!important}
.hp47-content,.hp47-side-card{background:#fff!important;border-color:#E4E7EC!important;box-shadow:0 14px 42px rgba(11,16,32,.06)!important}
.hp47-content h1,.hp47-content h2,.hp47-content h3,.hp47-content h4,.hp47-content h5,.hp47-content h6,.hp47-side-title{color:#101828!important}
.hp47-content p,.hp47-content li,.hp47-side-note{color:#475467!important}
.hp47-content a,.hp47-breadcrumb a{color:#126FE8!important;text-decoration-color:#BFDBFE!important}
.hp47-content blockquote{background:#F5F9FF!important;border-color:#D5E7FF!important;border-left-color:#1688F7!important;color:#344054!important}
.hp47-content th{background:#F4F6FA!important;color:#101828!important}.hp47-content th,.hp47-content td{border-color:#E4E7EC!important}.hp47-content td{color:#475467!important}
.hp47-toc-links a:hover,.hp47-toc-links a.is-active,.hp47-side-links a:hover{background:#F5F9FF!important;border-color:#BFDBFE!important;color:#126FE8!important}
.hp47-help-card{background:linear-gradient(135deg,#0B1020 0%,#111A33 62%,#183E73 100%)!important;color:#fff!important;box-shadow:0 28px 75px rgba(11,16,32,.18)!important}
.hp47-help-card p{color:#C7D8F8!important}.hp47-help-primary{background:#fff!important;color:#0B1020!important}.hp47-help-secondary{color:#fff!important}

/* If a managed homepage has legacy custom sections, neutralise common visual shells. */
.hp48-managed .hp-section,.hp48-managed .section,.hp48-managed [class*="soft-section"],.hp48-managed [class*="light-section"]{background:#FAFAF7!important}
.hp48-managed [class*="dark-section"],.hp48-managed [class*="dark-band"],.hp48-managed [class*="dark-cta"]{background:#0B1020!important;color:#fff!important}

/* ---------- Native v5/v6 homepage ---------- */
.hp47-home{background:#FAFAF7!important}.hp47-home .hp47-hero{background:radial-gradient(circle at 82% 18%,rgba(22,136,247,.14),transparent 31%),linear-gradient(135deg,#FFFFFF 0%,#F7F9FC 52%,#EEF4FF 100%)!important}
.hp47-home .hp47-section{background:#fff!important}.hp47-home .hp47-section.soft{background:#F4F6FA!important}.hp47-home .hp47-section.dark{background:#0B1020!important;color:#fff!important}
.hp47-home .hp47-kicker,.hp47-home .hp47-head small{color:#126FE8!important}.hp47-home .hp47-product-tab.active{background:#0B1020!important;border-color:#0B1020!important}.hp47-home .hp47-product-visual{background:linear-gradient(145deg,#EEF4FF,#fff)!important}
.hp47-home .hp47-suite span,.hp47-home .hp47-plan .tag{background:#EFF6FF!important;color:#126FE8!important}.hp47-home .hp47-final{background:linear-gradient(125deg,#0B1020 0%,#111A33 54%,#124B91 100%)!important}
.hp47-home .hp47-market article.green{background:#F5F9FF!important;border-color:#D5E7FF!important}

/* ---------- About ---------- */
body .hpa-dark{background:#0B1020!important;color:#fff!important}.hpa-media{background:#111A33!important;border-color:#E4E7EC!important;box-shadow:0 24px 70px rgba(11,16,32,.12)!important}
.hpa-copy-kicker,.hpa-section-head .eyebrow{color:#126FE8!important}.hpa-check i,.hpa-mission .num,.hpa-why span{background:#EFF6FF!important;color:#126FE8!important}.hpa-cta{background:linear-gradient(120deg,#0B1020,#111A33 65%,#183E73)!important;box-shadow:0 28px 70px rgba(11,16,32,.17)!important}

/* ---------- Pricing ---------- */
body.hp49-pricing{background:#FAFAF7!important}.hp49-pricing .hp-dark-band{background:#0B1020!important}.hp49-pricing .hp-cta-band{background:linear-gradient(125deg,#0B1020,#111A33 62%,#183E73)!important;box-shadow:0 28px 72px rgba(11,16,32,.18)!important}.hp49-pricing .hp-compare th{background:#F4F6FA!important;color:#101828!important}.hp49-pricing .hp49-faq-item{box-shadow:0 10px 28px rgba(11,16,32,.05)!important}.hp49-pricing .hp49-faq-item summary span,.hp49-pricing .hp-save-note{background:#EFF6FF!important;color:#126FE8!important}

/* ---------- Course storefront / learning ---------- */
.hpf-body{background:#FAFAF7!important;color:#101828!important}.hpf-hero{background:linear-gradient(135deg,#0B1020 0%,#111A33 62%,#123D73 100%)!important}.hpf-eyebrow,.hpf-rating-kicker,.hpf-text-link{color:#60A5FA!important}.hpf-btn.primary{background:#1688F7!important;color:#fff!important}.hpf-card,.hpf-buy-card,.hpf-instructor-card{background:#fff!important;border-color:#E4E7EC!important;box-shadow:0 14px 38px rgba(11,16,32,.07)!important}
.hp-learn-shell,.hpl-shell{background:#0B1020!important}.hp-learn-main,.hpl-main{background:#fff!important}.hp-learn-progress,.hpl-progress{background:#1688F7!important}

/* ---------- Creator profile / catalogues / commerce ---------- */
.hpc-hero,.hp-creator-hero,[class*="creator-hero"]{background:linear-gradient(135deg,#0B1020 0%,#111A33 62%,#123D73 100%)!important;color:#fff!important}
.hd-shell,.hd-section{background:#FAFAF7!important}.hd-panel,.hd-card{background:#fff!important;border-color:#E4E7EC!important;box-shadow:0 12px 34px rgba(11,16,32,.06)!important}.hd-kicker{color:#126FE8!important}

/* ---------- Authentication ---------- */
.hp-auth-shell{background:linear-gradient(180deg,#FAFAF7 0%,#F4F7FC 100%)!important}.hp-auth-media{background:linear-gradient(145deg,#0B1020 0%,#111A33 64%,#174F99 100%)!important;box-shadow:var(--hp-shadow-lg)!important}.hp-auth-media h1 span,.hp-auth-media .hp-kicker{color:#93C5FD!important}.hp-auth-card{background:#fff!important;border-color:#E4E7EC!important;box-shadow:var(--hp-shadow)!important}.hp-link{color:#126FE8!important}

/* ---------- Footer: navy top + TRUE BLACK bottom ---------- */
.hp-footer{background:#0B1020!important;color:#D6DDE4!important;border-top:1px solid rgba(255,255,255,.06)!important}
.hp-footer h3,.hp-footer h4{color:#fff!important}.hp-footer p,.hp-footer li,.hp-footer a{color:#AAB2C0!important}.hp-footer a:hover{color:#fff!important}
.hp-footer-news{border:1px solid rgba(255,255,255,.15)!important;background:#111A33!important}.hp-footer-news input{background:transparent!important;color:#fff!important}.hp-footer-news button{background:#1688F7!important;color:#fff!important}.hp-footer-news button:hover{background:#126FE8!important}
.hp-footer-bottom-shell{width:100%;margin-top:34px;background:#000!important;border-top:1px solid rgba(255,255,255,.08)!important}
.hp-footer-bottom-shell .hp-footer-bottom{margin:0 auto!important;padding-top:22px!important;padding-bottom:22px!important;border-top:0!important;background:#000!important;color:#98A2B3!important}
.hp-footer-bottom-shell .hp-footer-bottom a{color:#B8C0CC!important}.hp-footer-bottom-shell .hp-footer-bottom a:hover{color:#fff!important}.hp-footer-social a{background:#0B1020!important;border-color:#344054!important}.hp-footer-social a:hover{background:#1688F7!important;border-color:#1688F7!important}

/* ---------- Mobile polish ---------- */
@media(max-width:760px){
  .hp47-template-landing .hp47-hero{background:linear-gradient(180deg,rgba(11,16,32,.96),rgba(17,26,51,.88)),var(--hp48-hero-image) center/cover no-repeat!important}
  .hp-footer-bottom-shell .hp-footer-bottom{padding-inline:20px!important}
}