/* Hubpile Brand System v5.0
   New identity: Hubpile Blue + Midnight Navy + Warm Ivory
   The layer is intentionally loaded last by site-header.php so legacy pages
   inherit the new brand without requiring destructive markup rewrites. */
:root{
  --hp-primary:var(--hp-brand,#1688F7);
  --hp-primary-hover:var(--hp-brand-dark,#126FE8);
  --hp-primary-soft:var(--hp-brand-soft,#EFF6FF);
  --hp-secondary:#0B1020;
  --hp-secondary-2:#111A33;
  --hp-accent-color:var(--hp-accent,#60A5FA);
  --hp-canvas-color:var(--hp-canvas,#FAFAF7);
  --hp-surface:#FFFFFF;
  --hp-surface-soft:#F4F6FA;
  --hp-ink-color:var(--hp-ink,#101828);
  --hp-muted:#667085;
  --hp-line:#E4E7EC;
  --hp-premium:#C89B5A;
  --hp-success:#15803D;
  --hp-warning:#D97706;
  --hp-danger:#B42318;
  --hp-shadow-sm:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.05);
  --hp-shadow:0 14px 38px rgba(11,16,32,.08);
  --hp-shadow-lg:0 28px 80px rgba(11,16,32,.13);
  --hp-radius:18px;
  --hp-radius-lg:26px;
  /* Legacy aliases used across older front pages */
  --brand:var(--hp-primary)!important;
  --brand-dark:var(--hp-primary-hover)!important;
  --brand-soft:var(--hp-primary-soft)!important;
  --accent:var(--hp-accent-color)!important;
  --bg:var(--hp-canvas-color)!important;
  --surface:var(--hp-surface)!important;
  --surface-2:var(--hp-secondary)!important;
  --surface-3:#070B16!important;
  --text:var(--hp-ink-color)!important;
  --muted:var(--hp-muted)!important;
  --line:var(--hp-line)!important;
}
html{scroll-behavior:smooth}
body{background:var(--hp-canvas-color);color:var(--hp-ink-color);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#CFE4FF;color:#0B1020}
a{color:inherit}
:focus-visible{outline:3px solid rgba(22,136,247,.28);outline-offset:3px}

/* Public header */
.hp-site-header.hp49-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(11,16,32,.08)!important;box-shadow:0 1px 0 rgba(11,16,32,.02)!important}
.hp-site-header.hp49-header.is-scrolled{background:rgba(255,255,255,.985)!important;box-shadow:0 14px 36px 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 .hp-nav-badge{background:#EFF6FF!important;color:#126FE8!important}
.hp49-header .hp49-dropdown{border-color:#E4E7EC!important;box-shadow:0 24px 65px rgba(11,16,32,.14)!important}
.hp49-header .hp49-nav-card{color:#101828!important}
.hp49-header .hp49-nav-card:hover,.hp49-header .hp49-nav-card.is-active{background:#F5F9FF!important;border-color:#D5E7FF!important}
.hp49-header .hp49-nav-copy strong{color:#101828!important}.hp49-header .hp49-nav-copy small{color:#667085!important}
.hp49-header .hp49-action-secondary{background:#fff!important;border-color:#D0D5DD!important;color:#101828!important}
.hp49-header .hp49-action-secondary:hover{background:#F8FAFC!important;border-color:#98A2B3!important}
.hp49-header .hp49-action-primary{background:#1688F7!important;border-color:#1688F7!important;color:#fff!important;box-shadow:0 9px 22px rgba(22,136,247,.22)!important}
.hp49-header .hp49-action-primary:hover{background:#126FE8!important;border-color:#126FE8!important;box-shadow:0 13px 30px rgba(22,136,247,.28)!important}
.hp49-header .hp49-mobile-toggle{border-color:#D0D5DD!important}.hp49-header .hp49-mobile-toggle span,.hp49-header .hp49-mobile-toggle span:before,.hp49-header .hp49-mobile-toggle span:after{background:#101828!important}
.hp49-header .hp49-mobile-panel{border-color:#E4E7EC!important;box-shadow:0 28px 60px rgba(11,16,32,.15)!important}
.hp49-header .hp49-mobile-group,.hp49-header .hp49-mobile-link{border-color:#E4E7EC!important}.hp49-header .hp49-mobile-group.is-active>.hp49-mobile-parent{background:#EFF6FF!important;color:#126FE8!important}.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:#EFF6FF!important;color:#126FE8!important}
.hp-site-announcement{background:#0B1020!important;color:#fff!important}.hp-site-announcement a{color:#93C5FD!important}

/* Footer */
.hp-footer{background:#070B16!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,.14)!important;background:#0B1020!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{border-color:rgba(255,255,255,.09)!important}
.hp-footer-social a{border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.04)!important}.hp-footer-social a:hover{background:#1688F7!important;border-color:#1688F7!important}

/* Global reusable components */
.hp-card,.card,.hp-kv,.hp-plan,.hp-value,.hp-bucket,.hp-faq{border-color:var(--hp-line)!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)}
.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{border-color:#D0D5DD}
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}

/* Home */
.hp47-hero{background:radial-gradient(circle at 80% 18%,rgba(22,136,247,.18),transparent 32%),linear-gradient(135deg,#FFFFFF 0%,#F3F7FF 55%,#EEF6FF 100%)!important}
.hp47-kicker,.hp47-head small{color:#126FE8!important}.hp47-btn.primary{background:#1688F7!important}.hp47-btn.secondary{border-color:#D0D5DD!important}.hp47-trust span:before,.hp47-dot{color:#1688F7!important;background:#1688F7!important}.hp47-window{border-color:#D8E5F4!important;box-shadow:0 35px 80px rgba(11,16,32,.15)!important}.hp47-side,.hp47-section.dark{background:#0B1020!important}.hp47-side{color:#B9C6E3!important}.hp47-side span.on,.hp47-step>span{background:#182B55!important}.hp47-chart{background:linear-gradient(180deg,#fff,#F4F8FF)!important}.hp47-chart:after{background:linear-gradient(90deg,#D9E9FF,#60A5FA,#1688F7)!important}.hp47-sale{background:#111A33!important}.hp47-sale small{color:#AFC7F2!important}.hp47-product-tab.active{background:#0B1020!important;border-color:#0B1020!important}.hp47-product-visual{background:linear-gradient(145deg,#EEF6FF,#fff)!important}.hp47-suite span{background:#EFF6FF!important;color:#126FE8!important}.hp47-plan.featured{border-color:#1688F7!important;box-shadow:0 20px 48px rgba(22,136,247,.12)!important}.hp47-plan .tag{background:#EFF6FF!important;color:#126FE8!important}.hp47-market article.green{background:#F3F7FF!important;border-color:#D9E8FF!important}.hp47-final{background:linear-gradient(125deg,#0B1020 0%,#111A33 48%,#124B91 100%)!important}.hp47-final p{color:#C7D8F8!important}.hp47-btn.light{color:#0B1020!important}

/* About / managed marketing pages / pricing */
.hp-page-hero{background-color:#0B1020!important}.hp-kicker,.hpa-copy-kicker,.hpcv-kicker{color:#126FE8}.hpa-check i,.hpa-mission .num,.hpa-why span{background:#EFF6FF!important;color:#126FE8!important}
.hp-toggle-btn.is-active{background:#0B1020!important;color:#fff!important}.hp-save-note{background:#EFF6FF!important;color:#126FE8!important;border-color:#CFE4FF!important}.hp-plan.is-featured{background:linear-gradient(180deg,#fff 0%,#F5F9FF 100%)!important;border-color:#60A5FA!important}.hp-plan.is-featured .hp-plan-badge{background:#EFF6FF!important;color:#126FE8!important;border-color:#CFE4FF!important}.hp-cta-band{background:linear-gradient(135deg,#0B1020,#111A33 62%,#183E73)!important}
body.hp49-pricing .hp49-console-head small,body.hp49-pricing .hp49-stage-num,body.hp49-pricing .hp49-faq-item summary span{color:#126FE8!important}body.hp49-pricing .hp49-plan-preview-row.is-featured,body.hp49-pricing .hp-save-note{background:#EFF6FF!important;border-color:#CFE4FF!important}body.hp49-pricing .hp49-plan-preview-row.is-featured .hp49-stage-num{background:#1688F7!important;color:#fff!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{color:#60A5FA!important}.hp-auth-media .hp-kicker{color:#93C5FD!important}.hp-proof-item:before{background:#1688F7!important}.hp-auth-card{border-color:#E4E7EC!important;box-shadow:var(--hp-shadow)!important}.hp-link{color:#126FE8!important}

/* Course storefront */
.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:#126FE8!important}.hpf-card{border-color:#E4E7EC!important;box-shadow:0 12px 34px rgba(11,16,32,.07)!important}.hpf-btn.primary{background:#1688F7!important;color:#fff!important}.hpf-btn.light{border-color:#D0D5DD!important;background:#fff!important;color:#101828!important}.hpf-badge,.hpf-rating-saved{background:#EFF6FF!important;color:#126FE8!important;border-color:#CFE4FF!important}.hpf-section-nav a.active{color:#126FE8!important;border-color:#1688F7!important}.hpf-progress-track span,.hpf-top-progress span{background:#1688F7!important}.hpf-sidecard{box-shadow:0 18px 42px rgba(11,16,32,.08)!important}

/* Creator storefront */
.hpc-body{background:#FAFAF7!important;color:#101828!important}.hpc-hero:before{background:linear-gradient(90deg,rgba(11,16,32,.96),rgba(11,16,32,.83),rgba(11,16,32,.62))!important}.hpc-eyebrow{color:#60A5FA!important}.hpc-verified,.hpc-text-link{color:#1688F7!important}.hpc-btn.primary{background:#1688F7!important;border-color:#1688F7!important}.hpc-btn.dark{background:#0B1020!important}.hpc-tabs a.active{color:#126FE8!important;border-color:#1688F7!important}.hpc-kind,.hpc-card,.hpc-about-teaser,.hpc-welcome{border-color:#E4E7EC!important;box-shadow:0 12px 34px rgba(11,16,32,.06)!important}.hpc-badge,.hpc-type{background:#EFF6FF!important;color:#126FE8!important}

/* Digital commerce */
.dp-page,.hd-shell{background:#FAFAF7!important;color:#101828!important}.dp-page .dp-kicker,.dp-page .dp-text-link{color:#126FE8!important}.dp-page .dp-btn.primary,.hd-btn.primary{background:#1688F7!important;border-color:#1688F7!important;color:#fff!important}.dp-page .dp-card,.hd-card,.hd-doc{border-color:#E4E7EC!important;box-shadow:0 12px 34px rgba(11,16,32,.06)!important}

/* Library, downloads, generic public surfaces */
.hp-section.soft,.hp-soft-section,[class*="-soft"]{--hp-soft-local:#F4F7FC}.hp-dark-band{background:#0B1020!important}.hp-progress>i{background:#1688F7!important}

/* Course builder / learner */
.hpf-learn-body{background:#F4F6FA!important}.hpf-learn-top{background:#0B1020!important;border-color:#1E2A45!important}.hpf-learn-brand,.hpf-learn-course,.hpf-learn-rate{color:#fff!important}.hpf-progress-track span{background:#1688F7!important}

/* Tables, checkout, receipts and order docs */
table th{background:#F8FAFC;color:#475467}table td,table th{border-color:#EAECF0}

@media(max-width:800px){
  .hp47-hero{padding-top:48px!important}.hp47-hero h1{font-size:clamp(42px,13vw,62px)!important}.hp-auth-media{border-radius:22px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}