/* STLBEAST V205 — Resources Page Final Repair
   Fixes blank resource panels, mobile spacing, and old generic section conflicts. */

.stlb205-resources-hero,
.stlb205-resource-panel,
.stlb205-cta-panel,
.stlb205-value-panel{
  box-sizing:border-box!important;
  width:min(1180px,calc(100vw - 24px))!important;
  margin:18px auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  color:#eff8ff!important;
}

.stlb205-resources-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr)!important;
  gap:22px!important;
  align-items:stretch!important;
  padding:28px!important;
  border-radius:26px!important;
  border:1px solid rgba(32,217,255,.32)!important;
  background:
    radial-gradient(circle at 10% 10%,rgba(32,217,255,.18),transparent 34%),
    radial-gradient(circle at 90% 12%,rgba(226,43,255,.18),transparent 34%),
    linear-gradient(135deg,rgba(5,18,31,.98),rgba(4,10,25,.98))!important;
  box-shadow:0 26px 70px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.035)!important;
}

.stlb205-kicker{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(32,217,255,.45)!important;
  background:rgba(32,217,255,.13)!important;
  color:#8cefff!important;
  font-size:.72rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

.stlb205-hero-copy h1{
  margin:16px 0 12px!important;
  max-width:780px!important;
  color:#fff!important;
  font-size:clamp(2.5rem,7vw,5.6rem)!important;
  line-height:.86!important;
  letter-spacing:-.07em!important;
  text-transform:uppercase!important;
}

.stlb205-hero-copy h1 span{
  display:block!important;
  color:#23b7ff!important;
  text-shadow:0 0 24px rgba(32,217,255,.16)!important;
}

.stlb205-hero-copy p{
  max-width:780px!important;
  margin:0 0 18px!important;
  color:rgba(226,238,255,.82)!important;
  font-size:1.02rem!important;
  line-height:1.65!important;
}

.stlb205-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
}

.stlb205-actions.stacked{
  display:grid!important;
  grid-template-columns:1fr!important;
  min-width:280px!important;
}

.stlb205-btn{
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(120,205,255,.22)!important;
  background:rgba(255,255,255,.055)!important;
  color:#f2fbff!important;
  text-decoration:none!important;
  font-weight:900!important;
  font-size:.72rem!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}

.stlb205-btn.primary{
  border:0!important;
  color:#06101c!important;
  background:linear-gradient(135deg,#29d7ff,#ff29d5)!important;
  box-shadow:0 0 26px rgba(32,217,255,.22)!important;
}

.stlb205-proof-card{
  display:grid!important;
  gap:12px!important;
  align-content:center!important;
  padding:16px!important;
  border-radius:22px!important;
  border:1px solid rgba(32,217,255,.25)!important;
  background:linear-gradient(180deg,rgba(3,16,30,.86),rgba(4,10,24,.92))!important;
}

.stlb205-proof-card div,
.stlb205-rule-grid article,
.stlb205-card{
  min-height:0!important;
  height:auto!important;
  opacity:1!important;
  visibility:visible!important;
}

.stlb205-proof-card div{
  padding:14px!important;
  border-radius:16px!important;
  border:1px solid rgba(120,205,255,.16)!important;
  background:rgba(8,24,41,.82)!important;
}

.stlb205-proof-card b,
.stlb205-rule-grid b{
  display:block!important;
  color:#fff!important;
  font-size:.84rem!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}

.stlb205-proof-card span,
.stlb205-rule-grid p{
  display:block!important;
  margin-top:4px!important;
  color:rgba(223,239,255,.76)!important;
  line-height:1.5!important;
  font-size:.92rem!important;
}

.stlb205-resource-panel{
  padding:22px!important;
  border-radius:26px!important;
  border:1px solid rgba(32,217,255,.26)!important;
  background:linear-gradient(145deg,rgba(3,16,31,.94),rgba(5,9,25,.96))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.28)!important;
}

.stlb205-resource-panel.compact{
  padding-bottom:24px!important;
}

.stlb205-section-head{
  margin:0 0 16px!important;
}

.stlb205-section-head span{
  display:block!important;
  color:#8cefff!important;
  font-size:.72rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

.stlb205-section-head h2,
.stlb205-cta-panel h2{
  margin:5px 0 0!important;
  color:#fff!important;
  font-size:clamp(1.7rem,3vw,2.7rem)!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:-.04em!important;
}

.stlb205-card-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  min-height:0!important;
}

.stlb205-card{
  display:block!important;
  padding:18px!important;
  border-radius:18px!important;
  border:1px solid rgba(120,205,255,.17)!important;
  background:linear-gradient(180deg,rgba(8,24,43,.84),rgba(4,12,25,.94))!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

.stlb205-card span{
  display:inline-flex!important;
  margin-bottom:14px!important;
  color:#20d9ff!important;
  font-weight:900!important;
  font-size:.8rem!important;
}

.stlb205-card h3{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:1.05rem!important;
  line-height:1.15!important;
  text-transform:uppercase!important;
}

.stlb205-card p{
  margin:0!important;
  color:rgba(223,239,255,.76)!important;
  line-height:1.55!important;
  font-size:.92rem!important;
}

.stlb205-rule-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

.stlb205-rule-grid article{
  padding:18px!important;
  border-radius:18px!important;
  border:1px solid rgba(120,205,255,.16)!important;
  background:rgba(8,24,41,.72)!important;
}

.stlb205-cta-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;
  gap:20px!important;
  align-items:center!important;
  padding:24px!important;
  border-radius:26px!important;
  border:1px solid rgba(226,43,255,.26)!important;
  background:
    radial-gradient(circle at 15% 20%,rgba(32,217,255,.18),transparent 34%),
    radial-gradient(circle at 95% 20%,rgba(255,41,213,.20),transparent 36%),
    linear-gradient(135deg,rgba(5,20,34,.96),rgba(16,7,35,.96))!important;
}

.stlb205-cta-panel p,
.stlb205-value-panel p{
  color:rgba(226,238,255,.78)!important;
  line-height:1.65!important;
  margin:12px 0 0!important;
}

.stlb205-value-panel{
  padding:22px!important;
  border-radius:22px!important;
  border:1px solid rgba(32,217,255,.20)!important;
  background:linear-gradient(180deg,rgba(3,12,26,.98),rgba(7,5,20,.98))!important;
}

.stlb205-value-panel h3{
  margin:0!important;
  color:#fff!important;
  font-size:1.2rem!important;
  text-transform:uppercase!important;
}

.stlb205-value-panel ul{
  margin:14px 0 0!important;
  padding:0!important;
  list-style:none!important;
  display:grid!important;
  gap:8px!important;
}

.stlb205-value-panel li{
  color:rgba(228,246,255,.88)!important;
  padding-left:22px!important;
  position:relative!important;
}

.stlb205-value-panel li::before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  color:#22dcff!important;
}

@media(max-width:900px){
  .stlb205-resources-hero,
  .stlb205-cta-panel{
    grid-template-columns:1fr!important;
    padding:18px!important;
  }
  .stlb205-card-grid,
  .stlb205-rule-grid{
    grid-template-columns:1fr!important;
  }
  .stlb205-hero-copy h1{
    font-size:clamp(2.2rem,13vw,4rem)!important;
  }
  .stlb205-actions,
  .stlb205-actions.stacked{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .stlb205-btn{
    width:100%!important;
  }
}

@media(max-width:520px){
  .stlb205-resources-hero,
  .stlb205-resource-panel,
  .stlb205-cta-panel,
  .stlb205-value-panel{
    width:calc(100vw - 16px)!important;
    margin:14px auto!important;
  }
  .stlb205-resource-panel,
  .stlb205-value-panel{
    padding:16px!important;
  }
}