:root{
--bg0:#081E24;--bg1:#0B3037;--bg2:#134E5E;
--text:#EAF7FA;--soft:rgba(234,247,250,.78);
--line:rgba(220,245,255,.16);--line2:rgba(220,245,255,.24);
--panel1:rgba(11,48,55,.58);--panel2:rgba(19,78,94,.34);
}
html,body,body.brand-site{
min-height:100vh;
background:
radial-gradient(900px 420px at 50% 12%, rgba(19,78,94,.10), transparent 70%),
linear-gradient(180deg,var(--bg1) 0%,var(--bg0) 100%) !important;
color:var(--text)!important;
}
body::before{
content:"";position:fixed;inset:0;pointer-events:none;opacity:.9;
background:
linear-gradient(to bottom, rgba(255,255,255,.02), rgba(255,255,255,0)),
radial-gradient(700px 140px at 50% 18%, rgba(255,255,255,.035), transparent 72%);
}
img,.bg,.background,.hero-bg,.hero__bg,.hero-image{display:none!important}
.card,.hero,.panel,.box,.tile,.step,section,.glass,.feature,.pricing,.cta,.topbar{
background:
linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
linear-gradient(135deg,var(--panel1),var(--panel2)) !important;
border:1px solid var(--line)!important;
border-radius:30px!important;
box-shadow:0 26px 60px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.02) inset!important;
backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
button,.btn,a.btn{
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
linear-gradient(135deg, rgba(19,78,94,.52), rgba(11,48,55,.72)) !important;
color:var(--text)!important;
border:1px solid var(--line2)!important;
border-radius:18px!important;
text-decoration:none!important;
box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
}
h1,h2,h3,h4,h5,h6{color:var(--text)!important;letter-spacing:.08em;text-transform:uppercase}
p,li,small,.muted,.sub,.subtitle{color:var(--soft)!important}
input,textarea,select{
background:rgba(7,24,29,.55)!important;
color:var(--text)!important;
border:1px solid var(--line)!important;
border-radius:16px!important;
}
html,body,body.brand-site,
body::before,body::after,
.hero,.hero::before,.hero::after,
main,section{
  background-image:none !important;
}
body,
body.brand-site,
main,
section,
.hero,
.hero::before,
.hero::after{
  background:
    linear-gradient(180deg, #0B3037 0%, #081E24 100%) !important;
}