:root{
  --bg:#0b1220; --card:#111827; --muted:#94a3b8; --text:#e5e7eb;
  --ok:#10b981; --err:#ef4444;
  --brand: var(--ok);
  --ring:0 0 0 3px rgba(16,185,129,.35);
  --radius:20px;
  --shadow:0 18px 40px rgba(0,0,0,.45),
            inset 0 1px 0 rgba(255,255,255,.04);
  --card-border:1px solid rgba(148,163,184,.18);
  --glass:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

*{box-sizing:border-box}

body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:17px;line-height:1.45;
  background-image:
    radial-gradient(1000px 600px at 100% -20%, rgba(16,185,129,.12), transparent 60%),
    radial-gradient(900px 700px at -10% 120%, rgba(59,130,246,.08), transparent 60%),
    var(--bg);
  padding-bottom:60px;
}

.avx-wrap{width:min(920px,96vw);margin:80px auto;}

.avx-card{
  background:var(--glass),var(--card);
  border:var(--card-border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  backdrop-filter:blur(8px);
  padding:28px;margin-top:18px;
}

.avx-result{margin-top:20px;min-height:40px;text-align:center;font-weight:800;}
.avx-ok{color:var(--ok);}
.avx-err{color:var(--err);}

/* (opcional) cola aqui depois componentes comuns: btn, input, etc */