/* v17 final layout/theme QA polish */
:root{--bg:#02050a;--bg2:#07101d;--panel:#081320;--text:#f8fbff;--muted:#a7b5c7;--blue:#087cff;--cyan:#06d9ff;--mag:#ff2bd6;--purple:#8a42ff;--orange:#ff8a18;--gold:#ffcc19;--line:rgba(132,191,255,.18)}
body{background:radial-gradient(circle at 74% 8%,rgba(3,112,255,.28),transparent 28%),radial-gradient(circle at 95% 28%,rgba(255,43,214,.13),transparent 20%),linear-gradient(180deg,#010309,#07101d 44%,#03070c)!important;color:var(--text)!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;}
.sb-header,.nav{background:rgba(0,0,0,.78)!important;border-bottom:1px solid rgba(132,191,255,.18)!important;backdrop-filter:blur(16px)!important;}
.sb-page-hero,.hero{background:radial-gradient(circle at 70% 42%,rgba(6,217,255,.24),transparent 24%),radial-gradient(circle at 92% 50%,rgba(255,43,214,.16),transparent 23%),linear-gradient(90deg,#03060b 0%,#061224 51%,#03060b 100%)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;}
.card,.panel,.tier-card,.member-login-box,.member-drop,.sb-card,.commerce-panel,.download-panel{background:linear-gradient(180deg,rgba(14,28,44,.94),rgba(5,12,20,.94))!important;border:1px solid rgba(0,124,255,.35)!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 22px rgba(0,124,255,.10)!important;}
.cta,.sb-btn,.btn.primary{background:linear-gradient(90deg,#0077ff,#145dff 62%,#ff2bd6)!important;border:1px solid #118cff!important;border-radius:7px!important;color:#fff!important;box-shadow:0 0 22px rgba(0,124,255,.38)!important;}
.btn2,.view,.view-all{background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;}
.brand .mark,.sb-logo-mark{background:url('/assets/images/stlbeast-claw-shield.svg') center/contain no-repeat!important;border-radius:0!important;box-shadow:none!important;}
.h1,.headline,.sb-page-hero h1{font-family:Impact,Arial Black,sans-serif!important;text-transform:uppercase!important;letter-spacing:.01em!important;}
.sb-logo-text small,.brand small{color:#a7b5c7!important;}
.member-drop-img,.sb-card-img{background-size:cover!important;background-position:center!important;border:1px solid rgba(132,191,255,.18)!important;background-color:#07101d!important;}
.member-drop-img{background-image:url('/assets/images/validation-slot-locked.svg')!important;}
.notice,.policy{border:1px solid rgba(0,124,255,.55)!important;background:linear-gradient(90deg,rgba(0,85,255,.18),rgba(255,43,214,.09))!important;border-radius:10px!important;}
@media(max-width:1280px){.nav{padding-left:22px!important;padding-right:22px!important}.navlinks{gap:14px!important;font-size:11px!important}.logo{font-size:26px!important}.hero-inner{grid-template-columns:minmax(340px,48%) minmax(360px,52%)!important}.beast-art{width:min(54vw,500px)!important}.shield-lockup{width:190px!important}.lockup-title{width:250px!important}.hub-cards{grid-template-columns:repeat(3,1fr)!important}.hub-beast{right:95px!important;width:290px!important}.hub-shield{width:175px!important}}
@media(max-width:860px){.navicons{display:none!important}.hero-inner{grid-template-columns:1fr!important}.hero-art{min-height:235px!important}.beast-art{right:0!important;bottom:-38px!important;width:min(96vw,480px)!important;opacity:.62!important}.shield-lockup{right:24px!important;width:155px!important}.lockup-title{right:14px!important;width:210px!important}.hub-beast{right:20px!important;width:240px!important;opacity:.38!important}.hub-shield{right:18px!important;width:145px!important}.hub-cards{grid-template-columns:1fr 1fr!important}.footer{grid-template-columns:1fr 1fr!important}.links,.sb-menu{display:flex!important;flex-wrap:wrap!important;gap:12px!important}}
@media(max-width:620px){.topbar{height:auto!important;min-height:27px!important;padding:6px 12px!important;text-align:center!important}.headline{font-size:40px!important}.copy,.lead{font-size:16px!important}.actions,.action-row{flex-direction:column!important}.btn,.cta,.sb-btn{width:100%!important;justify-content:center!important}.hub-cards,.cards4,.cards3,.trust,.mini-trust,.footer{grid-template-columns:1fr!important}.hero-art{min-height:190px!important}.shield-lockup,.lockup-title{position:relative!important;right:auto!important;bottom:auto!important;margin:8px auto!important}.beast-art{position:absolute!important;right:-60px!important}.hub-hero{min-height:300px!important}.hub-beast{display:none!important}.hub-shield{opacity:.30!important}.content-grid{grid-template-columns:1fr!important}}