/* VexoDevelopment — Aurora HUD redesign
   A fresh dark/futuristic theme inspired by modern game dashboards.
   Existing markup and JavaScript are intentionally preserved. */
:root{
  --vd-bg:#07070c;
  --vd-surface:#0d0e16;
  --vd-surface-2:#12131d;
  --vd-line:rgba(255,255,255,.09);
  --vd-text:#f5f3fa;
  --vd-muted:rgba(245,243,250,.62);
  --vd-accent:#b92fd1;
  --vd-accent-2:#6557e8;
  --vd-cyan:#35d8e8;
  --vd-ok:#22e3a3;
  --vd-shadow:0 24px 70px rgba(0,0,0,.42);
}
html{background:var(--vd-bg)}
body{
  background:
    radial-gradient(900px 500px at 80% -10%,rgba(185,47,209,.13),transparent 65%),
    radial-gradient(700px 500px at -10% 30%,rgba(101,87,232,.10),transparent 65%),
    var(--vd-bg)!important;
  color:var(--vd-text)!important;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,#000,transparent 85%);
}
body>*{position:relative;z-index:1}
a{transition:color .18s,opacity .18s,transform .18s,background .18s,border-color .18s,box-shadow .18s}
button,.btn{transition:transform .18s,box-shadow .18s,filter .18s,background .18s!important}
button:hover,.btn:hover{transform:translateY(-1px)}
nav.top,.topbar,.nav{
  background:rgba(7,7,12,.78)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-color:var(--vd-line)!important;
}
nav.top{box-shadow:0 8px 35px rgba(0,0,0,.16)}
.nav-logo,.logo,.brand{font-weight:800!important;letter-spacing:-.02em}
.nav-logo span,.accent,.price,.highlight{color:var(--vd-accent)!important}
.nav-links a:hover{color:#fff!important}
.vexo-pill,.btn-primary,.primary,.buy,.cta{
  background:linear-gradient(135deg,var(--vd-accent),var(--vd-accent-2))!important;
  border-color:transparent!important;
  box-shadow:0 12px 30px rgba(185,47,209,.18);
}
.vexo-pill.shop-pill,.btn-ghost,.secondary{
  background:rgba(255,255,255,.025)!important;
  border:1px solid var(--vd-line)!important;
  box-shadow:none;
}
.wrap,.hero,.container,.content,.page{position:relative}
.hero{isolation:isolate}
.hero::after{
  content:"";position:absolute;width:420px;height:420px;right:-130px;top:20px;z-index:-1;
  border-radius:50%;background:radial-gradient(circle,rgba(185,47,209,.16),transparent 67%);
  filter:blur(8px);pointer-events:none;
}
.eyebrow,.badge,.pill,.tag{
  border-color:rgba(34,227,163,.22)!important;
  background:rgba(34,227,163,.055)!important;
}
.eyebrow{color:var(--vd-ok)!important}
h1,h2,h3,h4,.section-head h2{letter-spacing:-.025em}
h1{font-weight:850!important}
.hud,.card,.panel,.service-card,.feature,.box,.modal-content,.dashboard-card,.stat-card{
  background:linear-gradient(180deg,rgba(18,19,29,.94),rgba(10,11,18,.94))!important;
  border:1px solid var(--vd-line)!important;
  box-shadow:var(--vd-shadow);
}
.hud{border-radius:8px!important}
.card,.panel,.service-card,.feature,.box,.dashboard-card,.stat-card{border-radius:14px!important}
.hud .corner{border-color:var(--vd-accent)!important}
.status-head,.status-foot,.card-header,.panel-header,.topbar{border-color:var(--vd-line)!important}
.status-head .live,.online,.success{color:var(--vd-ok)!important}
.op-avatar,.avatar{
  background:linear-gradient(135deg,var(--vd-accent),var(--vd-accent-2))!important;
}
.section-tag,.label-accent{color:var(--vd-accent)!important}
section{border-color:var(--vd-line)!important}
.services,.about,.contact{background:transparent!important}
.rack-unit,.service,.list-item{
  background:rgba(255,255,255,.018)!important;
  border:1px solid var(--vd-line)!important;
  border-radius:12px!important;
}
.rack-unit:hover,.service:hover,.list-item:hover,.card:hover,.feature:hover{
  border-color:rgba(185,47,209,.32)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.28);
}
input,select,textarea{
  background:rgba(255,255,255,.035)!important;
  color:var(--vd-text)!important;
  border:1px solid var(--vd-line)!important;
  border-radius:10px!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;border-color:rgba(185,47,209,.55)!important;
  box-shadow:0 0 0 3px rgba(185,47,209,.10)!important;
}
.modal-backdrop,.modal-overlay{
  background:rgba(2,2,6,.76)!important;
  backdrop-filter:blur(10px);
}
footer{
  border-color:var(--vd-line)!important;
  color:var(--vd-muted)!important;
  background:rgba(5,5,9,.55)!important;
}
.bottom-nav{
  background:rgba(7,7,12,.92)!important;
  backdrop-filter:blur(18px);
  border-top:1px solid var(--vd-line)!important;
}
@media(max-width:720px){
  .hero{padding-left:1rem!important;padding-right:1rem!important}
  .wrap{padding-left:1rem!important;padding-right:1rem!important}
  .hero::after{width:280px;height:280px;right:-120px}
}
/* Public Discord Bot expanded navigation */
.vdb-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.vdb-quick>div{padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);display:flex;flex-direction:column;gap:5px}.vdb-quick b{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.vdb-quick span{font-size:18px;font-weight:700}.vdb-online{font-size:13px!important}.vdb-server-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.vdb-feature-group{border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:10px}.vdb-feature-group .eyebrow{margin-bottom:8px}.vdb-admin-quickgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.vdb-quick-card{border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:16px;text-align:left;cursor:pointer;color:var(--text)}.vdb-quick-card b{display:block;margin-bottom:6px}.vdb-quick-card span{font-size:12px;color:var(--muted)}
@media(max-width:800px){.vdb-quick,.vdb-admin-quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}