/* v44 Layout + Theme + Image Consistency Recheck
   Keeps the approved dark cyberpunk STLBEAST layout, adds stronger contrast,
   and gives Hub a distinct glamorous hero image. */
:root{
  --v44-blue:#128bff;
  --v44-cyan:#15e7ff;
  --v44-mag:#ff2bd6;
  --v44-purple:#8a3cff;
  --v44-orange:#ff9a18;
  --v44-green:#37ff6b;
}
body{background:#03070d;color:#f6fbff;}
.topbar{background:linear-gradient(90deg,#0674ff,#1c7cff 45%,#7d3cff 100%)!important;color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.35);}
.nav{background:rgba(1,5,11,.96)!important;border-bottom:1px solid rgba(18,139,255,.28)!important;box-shadow:0 10px 34px rgba(0,0,0,.28);}
.nav a,.navlinks a{letter-spacing:.015em;}
.navlinks a.active,.navlinks a:hover{color:#fff!important;text-shadow:0 0 14px rgba(21,231,255,.55);}
.navlinks a.active:after{background:linear-gradient(90deg,var(--v44-blue),var(--v44-mag))!important;box-shadow:0 0 18px rgba(18,139,255,.8);}
.hero{background-image:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.90) 31%,rgba(0,0,0,.34) 61%,rgba(0,0,0,.54) 100%),url('/assets/images/stlbeast-hero-glam-v41.jpg')!important;background-size:cover!important;background-position:center right!important;min-height:650px!important;}
.hub-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.78) 38%,rgba(0,0,0,.32) 72%,rgba(0,0,0,.52) 100%),url('/assets/images/hub-hero-glam-v44.jpg')!important;background-size:cover!important;background-position:center right!important;min-height:410px!important;border:1px solid rgba(21,231,255,.32)!important;box-shadow:inset 0 -110px 85px rgba(0,0,0,.68),0 0 34px rgba(18,139,255,.13)!important;}
.hub-hero:before{background:radial-gradient(circle at 72% 42%,rgba(18,139,255,.28),transparent 32%),radial-gradient(circle at 88% 52%,rgba(255,43,214,.28),transparent 30%)!important;}
.headline,.hub-hero h1{filter:drop-shadow(0 4px 16px rgba(0,0,0,.75));}
.headline .accent,.blue,.hub-hero h1 .blue{background:linear-gradient(90deg,var(--v44-blue),#48b8ff 45%,var(--v44-mag));-webkit-background-clip:text;background-clip:text;color:transparent!important;}
.btn,.button,.cta,.view,.search button{border-color:rgba(21,231,255,.35)!important;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 20px rgba(18,139,255,.18)!important;}
.btn.primary,.button.primary,.cta.primary{background:linear-gradient(100deg,var(--v44-blue),#246bff 50%,var(--v44-mag))!important;color:#fff!important;box-shadow:0 0 28px rgba(18,139,255,.34),0 0 34px rgba(255,43,214,.18)!important;}
.card,.hub-card,.topic,.status,.guide-main,.side,.toc,.gui-tile,.gui-status-card{background:linear-gradient(180deg,rgba(10,22,38,.92),rgba(3,9,17,.96))!important;border-color:rgba(18,139,255,.25)!important;box-shadow:0 0 0 1px rgba(255,255,255,.025),0 18px 40px rgba(0,0,0,.28)!important;}
.card:hover,.hub-card:hover,.gui-tile:hover{border-color:rgba(21,231,255,.55)!important;box-shadow:0 0 22px rgba(18,139,255,.22),0 18px 40px rgba(0,0,0,.35)!important;transform:translateY(-1px);}
.hub-card:nth-child(1),.slot:nth-child(1){border-color:rgba(18,139,255,.72)!important;}
.hub-card:nth-child(2),.feature.gold{border-color:rgba(255,154,24,.62)!important;}
.hub-card:nth-child(3),.slot:nth-child(2){border-color:rgba(255,43,214,.62)!important;}
.hub-card:nth-child(4),.slot:nth-child(4){border-color:rgba(138,60,255,.62)!important;}
.hub-card:nth-child(5),.status{border-color:rgba(55,255,107,.55)!important;}
.slot{background-image:linear-gradient(180deg,rgba(6,15,28,.88),rgba(3,9,16,.98)),url('/assets/images/validation-slot-locked.svg')!important;background-size:cover,contain!important;background-repeat:no-repeat!important;background-position:center,center!important;min-height:210px!important;}
.trust,.mini-trust,.policy{border-color:rgba(18,139,255,.28)!important;background:linear-gradient(90deg,rgba(0,124,255,.12),rgba(255,43,214,.06),rgba(255,154,24,.05))!important;}
.footer{background:#03070d!important;border-top:1px solid rgba(18,139,255,.26)!important;}
@media(max-width:1100px){
  .hero{min-height:560px!important;background-position:62% center!important;}
  .hub-hero{min-height:380px!important;background-position:66% center!important;}
}
@media(max-width:720px){
  .hero{min-height:620px!important;background-image:linear-gradient(180deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 45%,rgba(0,0,0,.88) 100%),url('/assets/images/stlbeast-hero-glam-v41.jpg')!important;background-size:auto 100%!important;background-position:65% bottom!important;}
  .hub-hero{min-height:430px!important;background-image:linear-gradient(180deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.62) 50%,rgba(0,0,0,.86) 100%),url('/assets/images/hub-hero-glam-v44.jpg')!important;background-size:auto 100%!important;background-position:72% bottom!important;}
  .headline{font-size:42px!important;}
  .hub-hero h1{font-size:31px!important;max-width:340px!important;}
  .hub-cards,.cards4,.cards3,.gui-grid{grid-template-columns:1fr!important;}
  .trust{gap:8px!important;}
  .slot{min-height:190px!important;background-size:cover,58%!important;}
}