/*
STLBEAST V590 — Midnight Beast Blue Scheme
Purpose: return the public brand to a blue system while preserving the V583-V589 safety, layout, SEO, and product showcase work.
Design rule: black steel is the world, blue is the action, ice/bone is the text, silver is the trust accent. Red is only for true errors.
*/
:root{
  --sb-bg:#03070D;
  --sb-bg2:#06111F;
  --sb-panel:#0B1626;
  --sb-panel2:#101F34;
  --sb-text:#EEF6FF;
  --sb-muted:#B9C9DE;
  --sb-soft:#7F93AD;
  --sb-blue:#2F7DFF;
  --sb-blue2:#65A7FF;
  --sb-blue3:#9DCCFF;
  --sb-navy:#0B2B58;
  --sb-silver:#A8B7C8;
  --sb-ice:#DCEEFF;
  --sb-orange:#2F7DFF;
  --sb-orange2:#65A7FF;
  --sb-gold:#9DCCFF;
  --sb-red:#B63A4A;
  --sb-red2:#6C1724;
  --sb-red3:#E05A6B;
  --sb-green:#62BA7A;
  --sb-line:rgba(101,167,255,.26);
  --sb-line-soft:rgba(220,238,255,.10);
  --sb-shadow:0 22px 70px rgba(0,0,0,.62);
  --hub-bg:#03070D;
  --hub-steel:#06111F;
  --hub-panel:#0B1626;
  --hub-panel2:#101F34;
  --hub-bone:#EEF6FF;
  --hub-soft:#B9C9DE;
  --hub-muted:#7F93AD;
  --hub-brass:#2F7DFF;
  --hub-brass2:#65A7FF;
  --hub-border:rgba(101,167,255,.22);
  --hub-border-soft:rgba(220,238,255,.09);
  --hub-green:#62BA7A;
}
html,body{background:#03070D!important;color:#EEF6FF!important;}
body{background:
  radial-gradient(circle at 78% 8%,rgba(47,125,255,.18),transparent 32%),
  radial-gradient(circle at 12% 0%,rgba(101,167,255,.10),transparent 31%),
  linear-gradient(180deg,#03070D 0%,#06111F 44%,#03070D 100%)!important;
}
a{color:inherit;}
/* Header / footer */
.v583-header,.v585-header,.v583-header.v585-header,.h589-header{
  background:linear-gradient(180deg,#07111E 0%,#03070D 100%)!important;
  border-bottom:1px solid rgba(101,167,255,.24)!important;
  box-shadow:none!important;
}
.v583-brand img,.h589-brand img,.footer-brand img{filter:drop-shadow(0 0 16px rgba(47,125,255,.24))!important;}
.v583-brand span,.h589-brand small{color:#8FA9C9!important;}
.v583-links a,.h589-links a{color:#B9C9DE!important;}
.v583-links a:hover,.v583-links a.is-active,.h589-links a:hover,.h589-links a.is-active{
  color:#EEF6FF!important;
  background:rgba(47,125,255,.105)!important;
  border-color:rgba(101,167,255,.33)!important;
}
.v583-nav-cta,.h589-shop{
  background:linear-gradient(135deg,#1E5ED8,#0B2B58)!important;
  border:1px solid rgba(101,167,255,.46)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(47,125,255,.20)!important;
}
.v583-footer,.v585-footer,.h589-footer{
  background:#03070D!important;
  border-top:1px solid rgba(101,167,255,.22)!important;
}
.v583-footer a:hover,.h589-footer a:hover{color:#9DCCFF!important;}
.v583-fine,.v583-meta,.v585-meta{color:#8FA9C9!important;}
/* Typography accents */
.v583-kicker,.h589-kicker,.v587-product-cat,
.v583-card strong,.v585-card strong,.h589-card strong,.h589-path strong,
.v587-section-title .v583-kicker,.v587-drop-copy .v583-kicker{
  color:#65A7FF!important;
}
.v583-hero-copy h1 span,.v585-hero-band h1 span,.v587-hero-copy h1 span,.v587-catalog .v585-hero-band h1 span,
.h589-hero h1 span,.h589-section h2 span,.hub111-title span,.v45-title span,.stlb581-hero h1 span,.stlb544-hero h1 span,.stlb504-hero h1 span{
  color:#65A7FF!important;
  text-shadow:0 0 34px rgba(47,125,255,.24)!important;
}
.v583-title-row h2,.v587-section-title h2,.v583-panel h2,.h589-hero h1,.h589-section h2,
.v587-drop-copy h2,.v587-product-copy h3,.v583-card h3,.v585-card h3,.h589-panel h3,.h589-card h3,.h589-path h3{
  color:#EEF6FF!important;
}
.v583-lead,.v585-copy,.v583-card p,.v583-product p,.v587-product-copy p,.v583-panel p,
.h589-lead,.h589-panel p,.h589-card p,.h589-path p,.h589-title-row p,.h589-faq p{
  color:#B9C9DE!important;
}
/* Buttons */
.v583-btn,.v585-btn,.btn,.stlb581-btn,.hub111-btn,.v45-btn,.h589-btn{
  background:linear-gradient(135deg,#2F7DFF,#0B2B58)!important;
  border:1px solid rgba(101,167,255,.50)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(47,125,255,.20)!important;
}
.v583-btn:hover,.h589-btn:hover{box-shadow:0 17px 42px rgba(47,125,255,.28)!important;transform:translateY(-1px);}
.v583-btn.secondary,.v583-btn.ghost,.h589-btn.secondary{
  background:rgba(220,238,255,.035)!important;
  border-color:rgba(101,167,255,.30)!important;
  color:#EEF6FF!important;
  box-shadow:none!important;
}
/* Cards / panels */
.v583-card,.v585-card,.v583-panel,.v585-panel,.v583-product,.v585-product,.stlb581-card,.v587-product-card,
.h589-panel,.h589-card,.h589-path,.h589-checklist,.h589-bridge{
  background:linear-gradient(180deg,rgba(16,31,52,.94),rgba(5,11,20,.98))!important;
  border:1px solid rgba(101,167,255,.20)!important;
  box-shadow:0 20px 56px rgba(0,0,0,.52)!important;
}
.v583-card:hover,.v585-card:hover,.v587-product-card:hover,.h589-card:hover,.h589-path:hover{
  border-color:rgba(101,167,255,.50)!important;
  box-shadow:0 24px 70px rgba(47,125,255,.14),0 20px 56px rgba(0,0,0,.54)!important;
}
.v587-hero,.h589-hero{
  border-bottom:1px solid rgba(101,167,255,.18)!important;
  background:radial-gradient(circle at 74% 28%,rgba(47,125,255,.16),transparent 30%),linear-gradient(180deg,rgba(220,238,255,.02),transparent)!important;
}
.v587-hero-art{
  border-color:rgba(101,167,255,.24)!important;
  background:radial-gradient(circle at 50% 70%,rgba(47,125,255,.19),transparent 38%),linear-gradient(145deg,#081426,#03070D)!important;
}
.v587-drop-grid{
  border-color:rgba(101,167,255,.24)!important;
  background:linear-gradient(180deg,rgba(11,22,38,.96),rgba(4,8,14,.98))!important;
}
.v587-mini-product{
  background:#06111F!important;
  border-color:rgba(220,238,255,.08)!important;
}
.v587-mini-product:hover{border-color:rgba(101,167,255,.48)!important;}
.v587-mini-product img,.v587-product-media,.v583-product-media,.v585-product-media,.stlb581-media{
  background:radial-gradient(circle at center,rgba(47,125,255,.16),transparent 52%),#050B14!important;
}
.v587-trust-strip span,.v583-badge,.v585-badge,.stlb581-tags span,.v583-status span,.v585-status span,.h589-badges span{
  border-color:rgba(101,167,255,.24)!important;
  background:rgba(47,125,255,.06)!important;
  color:#DCEEFF!important;
}
.v587-trust-strip span:before,.v583-proof i,.v583-badge i{
  background:#65A7FF!important;
}
.v587-standard-panel,.v587-feature-panel,.v587-alert-panel,.v587-catalog-hero{
  background:linear-gradient(135deg,rgba(47,125,255,.07),rgba(11,22,38,.97))!important;
}
.v587-feature-panel:after{background:radial-gradient(circle,rgba(47,125,255,.14),transparent 62%)!important;}
.v587-signup input{
  background:#050B14!important;
  border-color:rgba(220,238,255,.14)!important;
  color:#EEF6FF!important;
}
/* Product status colors are informational, not decorative. */
.v587-status-pill.is-valid{background:rgba(98,186,122,.13)!important;color:#BDF0C8!important;border-color:rgba(98,186,122,.36)!important;}
.v587-status-pill.is-vault{background:rgba(47,125,255,.14)!important;color:#CFE6FF!important;border-color:rgba(101,167,255,.38)!important;}
.v587-status-pill.is-preview{background:rgba(168,183,200,.12)!important;color:#CAD7E7!important;border-color:rgba(168,183,200,.30)!important;}
.v587-status-pill.is-warning{background:rgba(158,174,197,.12)!important;color:#E0E9F6!important;border-color:rgba(168,183,200,.28)!important;}
.is-error,.error,.danger,.v587-status-pill.is-error{
  background:rgba(182,58,74,.16)!important;
  border-color:rgba(182,58,74,.42)!important;
  color:#FFC1C9!important;
}
/* Hub-specific overrides */
body.h589-hub{background:radial-gradient(circle at 74% 0%,rgba(47,125,255,.14),transparent 30%),linear-gradient(180deg,#03070D 0%,#06111F 45%,#03070D 100%)!important;color:#EEF6FF!important;}
.h589-card .icon,.h589-path .icon{border-color:rgba(101,167,255,.34)!important;color:#9DCCFF!important;background:rgba(47,125,255,.075)!important;}
.h589-mini-list span,.h589-checklist li{background:rgba(220,238,255,.035)!important;border-color:rgba(220,238,255,.08)!important;color:#B9C9DE!important;}
.h589-mini-list span:before{color:#62BA7A!important;}
.h589-faq details{background:rgba(220,238,255,.03)!important;border-color:rgba(101,167,255,.18)!important;}
/* Keep old red/orange from previous versions suppressed unless explicitly an error. */
[style*="#B11226"],[style*="#D71F36"],[style*="#FF6A00"]{ }
@media(max-width:760px){
  .v587-hero{padding-top:26px!important;}
  .v583-btn,.v585-btn,.btn,.stlb581-btn,.hub111-btn,.v45-btn,.h589-btn{box-shadow:0 10px 25px rgba(47,125,255,.18)!important;}
  .v587-product-card,.v583-card,.v585-card,.v583-panel,.v585-panel,.h589-panel,.h589-card,.h589-path{border-color:rgba(101,167,255,.18)!important;}
  .v587-hero-copy h1 span{color:#65A7FF!important;}
}