:root{
  --sx-bg:#050705;
  --sx-surface:#0b0f0b;
  --sx-surface-2:#101510;
  --sx-line:rgba(212,175,55,.22);
  --sx-line-soft:rgba(255,255,255,.08);
  --sx-gold:#d4af37;
  --sx-gold-light:#f0d45d;
  --sx-text:#eee9dc;
  --sx-muted:#8a948a;
  --sx-radius:2px;
  --sx-shadow:0 22px 60px rgba(0,0,0,.34);
}

html{scroll-behavior:smooth}
body{
  color:var(--sx-text);
  background-color:var(--sx-bg);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
main{position:relative;z-index:1}
img{max-width:100%}
img[loading="lazy"]{background:linear-gradient(110deg,#090c09 25%,#141a14 45%,#090c09 65%);background-size:220% 100%}

a,button,input,select,textarea{border-radius:var(--sx-radius)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--sx-gold-light)!important;
  outline-offset:3px;
}

.button{
  min-height:44px;
  border-radius:var(--sx-radius)!important;
  font-weight:900;
  letter-spacing:.035em;
  transition:transform .2s ease,filter .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.28)}
.button-primary{background:linear-gradient(145deg,var(--sx-gold-light),#b28f24)!important;color:#070907!important;border-color:var(--sx-gold)!important}
.button-ghost,.button-dark{border-color:var(--sx-line)!important;background:rgba(8,11,8,.86)!important;color:var(--sx-text)!important}

.sx-v3-header{
  border-color:rgba(212,175,55,.25)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 40px rgba(212,175,55,.035)!important;
}
.sx-v3-nav a{transition:color .2s ease,background-color .2s ease,border-color .2s ease!important}
.sx-v3-nav a:hover,.sx-v3-nav a.is-active{background:linear-gradient(180deg,rgba(212,175,55,.07),rgba(212,175,55,.015))!important}

.article-card,.feature-card,.sx-card,.sx-list-item,.scoutix-public-card,.auth-card,.account-card{
  border-color:var(--sx-line-soft)!important;
  background:linear-gradient(145deg,rgba(15,20,15,.98),rgba(7,10,7,.98))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.article-card,.feature-card,.sx-list-item,.scoutix-public-card{
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.article-card:hover,.feature-card:hover,.sx-list-item:hover,.scoutix-public-card:hover{
  transform:translateY(-4px);
  border-color:rgba(212,175,55,.42)!important;
  box-shadow:var(--sx-shadow);
}
.article-grid>article,.feature-grid>article{height:100%}

input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  border:1px solid var(--sx-line-soft)!important;
  background:#080b08!important;
  color:var(--sx-text)!important;
}
input::placeholder,textarea::placeholder{color:#626b62}

.site-footer{
  border-top:1px solid var(--sx-line)!important;
  background:linear-gradient(180deg,rgba(5,7,5,.5),#050705)!important;
}

@media(max-width:700px){
  .button{min-height:46px}
  .sx-v3-header{width:calc(100% - 16px)!important;margin:8px auto 14px!important}
  .article-card:hover,.feature-card:hover,.sx-list-item:hover,.scoutix-public-card:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}