/* STLBEAST v41 layout/theme/image consistency lock
   Final override layer: approved high-contrast cyberpunk style, claw-shield branding, fixed mobile card proportions. */
:root{
  --stlb-bg:#02050a;--stlb-panel:#07111f;--stlb-panel2:#0b1527;--stlb-line:#17365e;
  --stlb-blue:#078cff;--stlb-cyan:#00dcff;--stlb-purple:#a440ff;--stlb-mag:#ff2bd6;--stlb-orange:#ff7b19;--stlb-green:#38ff72;--stlb-gold:#ffd12f;
  --stlb-text:#f7fbff;--stlb-muted:#aebbd0;
}
html,body{background:#02050a!important;color:var(--stlb-text)!important;overflow-x:hidden!important;}
body{background-image:radial-gradient(circle at 15% 0%,rgba(0,140,255,.16),transparent 26%),radial-gradient(circle at 88% 8%,rgba(255,43,214,.13),transparent 24%),linear-gradient(180deg,#02050a,#040913 46%,#02050a)!important;}
.topbar{background:linear-gradient(90deg,#006dff,#1f8fff,#7547ff,#ff2bd6)!important;color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.35)!important;border-bottom:1px solid rgba(255,255,255,.18)!important;}
.nav{background:rgba(0,3,8,.96)!important;border-bottom:1px solid rgba(0,156,255,.28)!important;box-shadow:0 10px 35px rgba(0,0,0,.45),0 0 28px rgba(0,140,255,.08)!important;}
.logo img{filter:drop-shadow(0 0 14px rgba(0,160,255,.75)) drop-shadow(0 0 8px rgba(255,43,214,.32))!important;}
.logo,.navlinks a{color:#fff!important}.blue,.accent{color:var(--stlb-blue)!important;}
.navlinks a.active,.navlinks a:hover{color:#fff!important;text-shadow:0 0 12px rgba(0,142,255,.8)!important;border-color:var(--stlb-blue)!important;}
.hero{background-image:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.9) 32%,rgba(0,0,0,.34) 59%,rgba(0,0,0,.48) 100%),url('/assets/images/stlbeast-hero-glam-v41.jpg')!important;background-size:cover!important;background-position:center right!important;min-height:650px!important;border-bottom:1px solid rgba(0,160,255,.42)!important;box-shadow:inset 0 -120px 90px rgba(0,0,0,.62)!important;}
.hero:before{background:radial-gradient(circle at 62% 42%,rgba(0,140,255,.34),transparent 28%),radial-gradient(circle at 84% 52%,rgba(255,43,214,.28),transparent 32%),radial-gradient(circle at 75% 82%,rgba(255,123,25,.16),transparent 26%)!important;}
.hero-inner{min-height:650px!important;padding:76px 64px 70px!important;grid-template-columns:minmax(520px,43%) 1fr!important;}
.headline{font-size:clamp(58px,5.8vw,98px)!important;line-height:.88!important;text-shadow:0 4px 0 #000,0 0 30px rgba(0,136,255,.52)!important;}
.headline .accent{background:linear-gradient(90deg,#0b96ff,#266eff 52%,#c647ff 76%,#ff2bd6)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 0 18px rgba(0,140,255,.6));}
.copy{color:#f6fbff!important;text-shadow:0 2px 16px #000!important;}
.btn{border:1px solid rgba(120,200,255,.46)!important;background:rgba(4,12,24,.74)!important;box-shadow:0 0 22px rgba(0,140,255,.15)!important;}
.btn.primary{background:linear-gradient(90deg,#078cff 0%,#286cff 46%,#b939ff 76%,#ff27cf 100%)!important;box-shadow:0 0 34px rgba(0,140,255,.48),0 0 22px rgba(255,43,214,.28)!important;}
.hero-art{display:none!important;}
.trust,.mini-trust,.footer,.card,.gui-tile,.guide-card,.resource-card,.admin-card{background:linear-gradient(180deg,rgba(8,18,34,.95),rgba(3,8,16,.98))!important;border-color:rgba(0,150,255,.28)!important;box-shadow:0 0 0 1px rgba(0,140,255,.08),0 18px 48px rgba(0,0,0,.33)!important;}
.card:hover,.gui-tile:hover,.guide-card:hover,.resource-card:hover{border-color:rgba(255,43,214,.58)!important;box-shadow:0 0 0 1px rgba(255,43,214,.16),0 0 34px rgba(0,140,255,.22),0 18px 48px rgba(0,0,0,.45)!important;}
.icon,.card-icon,.gui-icon{filter:drop-shadow(0 0 10px currentColor)!important;}
.slot{min-height:230px!important;border:1px solid rgba(0,150,255,.38)!important;box-shadow:inset 0 0 0 1px rgba(255,43,214,.14),0 0 26px rgba(0,140,255,.14)!important;}
.slot.mag{border-color:rgba(255,43,214,.42)!important;}.slot.blue{border-color:rgba(0,170,255,.42)!important;}
.slot:before{opacity:.9!important;filter:drop-shadow(0 0 14px rgba(0,140,255,.45)) drop-shadow(0 0 12px rgba(255,43,214,.22))!important;}
.slot-title{color:#fff!important;text-shadow:0 0 12px rgba(0,140,255,.6)!important;}.slot-sub,.locked{color:#65baff!important;}
.hub-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.54) 52%,rgba(0,0,0,.38)),url('/assets/images/hub-hero-glam-v41.jpg')!important;background-size:cover!important;background-position:center right!important;min-height:390px!important;border:1px solid rgba(0,150,255,.28)!important;box-shadow:inset 0 -105px 80px rgba(0,0,0,.58),0 0 34px rgba(0,140,255,.13)!important;}
.hub-hero:before{background:radial-gradient(circle at 68% 42%,rgba(0,140,255,.36),transparent 31%),radial-gradient(circle at 88% 52%,rgba(255,43,214,.3),transparent 30%)!important;}
.hub-shield,.hub-beast{display:none!important;}
.hub-cards .hub-card:nth-child(1),.gui-tile:nth-child(1){border-color:rgba(0,160,255,.48)!important;}
.hub-cards .hub-card:nth-child(2),.gui-tile:nth-child(2){border-color:rgba(255,123,25,.48)!important;}
.hub-cards .hub-card:nth-child(3),.gui-tile:nth-child(3){border-color:rgba(164,64,255,.48)!important;}
.hub-cards .hub-card:nth-child(4),.gui-tile:nth-child(4){border-color:rgba(255,43,214,.48)!important;}
.hub-cards .hub-card:nth-child(5){border-color:rgba(56,255,114,.48)!important;}
.green{color:var(--stlb-green)!important}.gold{color:var(--stlb-gold)!important}.mag{color:var(--stlb-mag)!important}
/* Consistent page shells */
.section,.guide-shell,.resource-shell,.seo-shell{max-width:1540px!important;margin-left:auto!important;margin-right:auto!important;}
/* Keep private/admin pages readable if they inherit the public theme */
.admin-shell,.admin-layout{background:#02050a!important;color:#f7fbff!important;}
/* Mobile: avoid giant single product cards, broken hero-art, or oversized gaps. */
@media(max-width:900px){
  .hero{min-height:620px!important;background-position:64% center!important;}
  .hero-inner{grid-template-columns:1fr!important;min-height:620px!important;padding:54px 28px 48px!important;}
  .cards4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:14px!important;}
  .hub-hero{min-height:390px!important;background-position:64% center!important;}
}
@media(max-width:560px){
  .nav{padding:14px 14px!important;}.navlinks{grid-template-columns:repeat(3,1fr)!important;gap:7px!important;}.navlinks a{font-size:9.5px!important;}
  .hero{min-height:620px!important;background-size:auto 100%!important;background-position:68% bottom!important;}
  .hero-inner{padding:30px 18px 34px!important;min-height:620px!important;}
  .headline{font-size:clamp(38px,11vw,50px)!important;max-width:390px!important;}.copy{font-size:14px!important;max-width:350px!important;}.actions{display:flex!important;gap:9px!important;}.btn{min-height:46px!important;height:auto!important;font-size:10px!important;padding:0 12px!important;}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important;}.trust .item{min-height:62px!important;padding:10px 8px!important;}
  .cards4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}.slot{min-height:172px!important;}.slot-content{margin-top:86px!important;}.slot-title{font-size:12px!important;}.slot-bottom{font-size:10px!important;}
  .cards3,.gui-grid,.resource-grid,.guide-grid{grid-template-columns:1fr!important;}.footer{grid-template-columns:1fr 1fr!important;}
  .hub-hero{min-height:360px!important;background-size:auto 100%!important;background-position:72% bottom!important;padding:28px 18px!important;}.hub-hero h1{font-size:30px!important;}.hub-hero p{max-width:330px!important;}.hub-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
}
@media(max-width:380px){.cards4,.trust,.hub-cards{grid-template-columns:1fr!important}.footer{grid-template-columns:1fr!important}.headline{font-size:36px!important}}