
:root{
  --xut-bg:#05070a;--xut-bg2:#090d12;--xut-panel:#0c1118;--xut-panel2:#101722;
  --xut-line:rgba(255,255,255,.085);--xut-text:#f8fafc;--xut-muted:#93a1b2;
  --xut-orange:#ff7a18;--xut-orange2:#ff9b4a;--xut-green:#45d891;--xut-red:#ff6670
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--xut-bg)}
body{
  margin:0;min-height:100vh;color:var(--xut-text)!important;
  background:radial-gradient(circle at 82% -8%,rgba(255,122,24,.15),transparent 31%),
             radial-gradient(circle at -10% 45%,rgba(255,122,24,.06),transparent 30%),
             linear-gradient(180deg,#06090d 0%,#05070a 55%,#030508 100%)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility
}
::selection{background:rgba(255,122,24,.32);color:#fff}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#070a0e}
::-webkit-scrollbar-thumb{background:#2a313a;border:3px solid #070a0e;border-radius:20px}
::-webkit-scrollbar-thumb:hover{background:var(--xut-orange)}
a{color:inherit;text-decoration:none;transition:.18s ease}
a:hover{color:var(--xut-orange2)}
header,.navbar,.top,.site-header,.main-header{
  background:rgba(5,8,12,.88)!important;border-bottom:1px solid var(--xut-line)!important;
  backdrop-filter:blur(18px);box-shadow:0 10px 35px rgba(0,0,0,.16)
}
nav a,.nav-link,.navbar a{color:#d7dee8!important;font-weight:700}
nav a:hover,.nav-link:hover,.navbar a:hover{color:#fff!important}
nav a.active,.nav-link.active{color:var(--xut-orange2)!important}
.hero,.hero-section,[class*="hero"]{position:relative}
.hero h1,.hero-section h1,h1{color:#fff;letter-spacing:-.035em}
.highlight,.accent,.orange,.text-orange{color:var(--xut-orange)!important}
p,.muted,.text-muted,small{color:var(--xut-muted)!important}
.card,.panel,.box,[class*="-card"],[class*="_card"]{border-color:var(--xut-line)!important;box-shadow:0 18px 52px rgba(0,0,0,.20)}
.card{
  background:linear-gradient(145deg,rgba(17,24,34,.92),rgba(8,13,20,.96))!important;
  border:1px solid var(--xut-line)!important;border-radius:18px!important
}
.card:hover{border-color:rgba(255,122,24,.22)!important}
.btn,button,a[class*="btn"]{
  min-height:42px;border-radius:12px!important;font-weight:800!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important
}
.btn:hover,button:hover,a[class*="btn"]:hover{transform:translateY(-1px)}
.btn-primary,.btn-warning,.btn-orange,.btn.orange,.primary,
button[type="submit"]:not(.btn-outline-secondary):not(.btn-outline-danger){
  background:linear-gradient(135deg,var(--xut-orange2),var(--xut-orange))!important;
  border-color:transparent!important;color:#111318!important;
  box-shadow:0 10px 28px rgba(255,122,24,.18)!important
}
.btn-secondary,.btn-outline-secondary,.secondary,.btn-outline-light{
  background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.12)!important;color:#e9eef5!important
}
input,select,textarea,.form-control,.form-select{
  min-height:44px;color:#f5f7fb!important;background:#080d13!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:11px!important;box-shadow:none!important
}
textarea{min-height:100px}
input::placeholder,textarea::placeholder{color:#68778a!important}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  background:#0a1018!important;border-color:rgba(255,122,24,.72)!important;
  box-shadow:0 0 0 3px rgba(255,122,24,.10)!important;outline:none!important
}
select option{background:#0b1017;color:#fff}
table,.table{color:#e7edf5!important;border-color:var(--xut-line)!important}
thead th,.table thead th{
  color:#aeb9c7!important;background:rgba(255,255,255,.025)!important;border-color:var(--xut-line)!important;
  text-transform:uppercase;letter-spacing:.06em
}
tbody td,.table td{border-color:var(--xut-line)!important}
tbody tr:hover,.table tbody tr:hover{background:rgba(255,122,24,.035)!important}
.badge,.pill,[class*="badge"],[class*="pill"]{border-radius:999px!important}
.alert,.notice{border-radius:13px!important;border-width:1px!important}
.alert-success,.notice.ok{color:#7bf0b6!important;background:rgba(37,184,115,.10)!important;border-color:rgba(69,216,145,.22)!important}
.alert-danger,.notice.bad{color:#ff939a!important;background:rgba(255,102,112,.09)!important;border-color:rgba(255,102,112,.20)!important}
footer,.footer,.site-footer{color:#77879a!important;border-top:1px solid var(--xut-line)!important;background:#040609!important}
hr{border-color:var(--xut-line)!important;opacity:1}
img{max-width:100%}
@media(max-width:768px){
  body{background:linear-gradient(180deg,#06090d,#030508)!important}
  .card{border-radius:15px!important}.btn,button,a[class*="btn"]{min-height:44px}
}
