/* Fixed81 — J1 Class brand system */
:root{
  --j1-navy:#0c2a57;
  --j1-blue:#2384e8;
  --j1-orange:#ff6517;
  --j1-green:#38b86b;
}
.brand-symbol-hero{filter:drop-shadow(0 28px 26px rgba(12,42,87,.18))!important}
html[data-theme="dark"] .brand-symbol-hero{content:url("j1-brand-symbol-dark.svg?v=fixed81");filter:drop-shadow(0 28px 28px rgba(0,0,0,.35))!important}
.brand-copy h1{color:var(--j1-navy)!important;letter-spacing:.12em!important}
.brand-copy h1 span{color:var(--j1-blue)!important;letter-spacing:.22em!important}
.brand-copy .brand-kicker{color:var(--j1-orange)!important}
.brand-copy .brand-tagline{color:#64748b!important;letter-spacing:.32em!important}
html[data-theme="dark"] .brand-copy h1{color:#fff!important}
html[data-theme="dark"] .brand-copy h1 span{color:#49a8ff!important}
.join-card-title .brand-mark,
.brand-j-logo{
  background-image:url("j1-app-icon.svg?v=fixed81")!important;
  background-size:100% 100%!important;
  background-color:transparent!important;
  border:0!important;
}
.contact-mascot{content:url("jclass-brand-symbol.svg?v=fixed81")!important}
html[data-theme="dark"] .contact-mascot{content:url("j1-brand-symbol-dark.svg?v=fixed81")!important}
.jclass-splash-logo{content:url("j1-brand-symbol-dark.svg?v=fixed81")!important}
.jclass-splash-word{letter-spacing:.18em!important}
.jclass-splash-word span{color:#49a8ff!important}
.topbar .brand strong{text-transform:uppercase!important;letter-spacing:.13em!important}
@media(max-width:620px){
  .brand-copy h1{font-size:clamp(38px,12vw,50px)!important;letter-spacing:.07em!important}
  .brand-copy h1 span{letter-spacing:.16em!important}
}